|
|
| Línia 1: |
Línia 1: |
|
| |
|
|
| |
|
| |
| .fixed-toc {
| |
| position: fixed;
| |
| top: 10px;
| |
| left: 10px;
| |
| width: 200px;
| |
| background-color: #f9f9f9;
| |
| border: 1px solid #ccc;
| |
| padding: 10px;
| |
| overflow: auto;
| |
| max-height: 90vh;
| |
| }
| |
|
| |
| /* Estilo para el contenido principal */
| |
| .main-content {
| |
| margin-left: 220px; /* Ajusta este valor según el ancho de la tabla de contenido */
| |
| padding: 10px;
| |
| }
| |
|
| |
|
| |
| <div class="fixed-toc">
| |
| <!-- Aquí va la tabla de contenido -->
| |
| __TOC__
| |
| </div>
| |
|
| |
| <div class="main-content">
| |
| <!-- Aquí va el contenido de la página -->
| |
| <h1>Título de la Página</h1>
| |
| <p>Contenido de la página...</p>
| |
| <h2>Sección 1</h2>
| |
| <p>Más contenido...</p>
| |
| <h2>Sección 2</h2>
| |
| <p>Aún más contenido...</p>
| |
| </div>
| |