overflow и высота блока в %

361
10 февраля 2017, 02:31

столкнулся с проблемой, в общем на сайте в body должен быть отключен скролл, а у левого блока он должен присутствовать, все работает, но только если высоту левого блока задавать в пикселях, если же задать height:100% или auto то скролл не появляется, как это можно решить? Заранее спасибо

Answer 1

Когда вы блоку задаете высоту в процентах, он её вычисляет относительно родительского блока(с указанным позиционированием).

.area { 
    position: relative; 
    width: 50%; 
    height: 100px; 
} 
.content { 
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    font-size: 300px; 
    background: green; 
}
<body> 
    <div class="area"> 
        <div class="content"> 
            A 
        </div> 
    </div> 
 </body>

READ ALSO
Адаптивная верстка: меню
HTML

Адаптивная верстка: меню

В моем шаблоне есть горизонтальное меню - обычное ul с ссылкамиИспользую фреймворк Skeleton, поэтому шаблон адаптивный

 273
Как расположить блоки (по вертикали) по три в ряд?
HTML

Как расположить блоки (по вертикали) по три в ряд?

 293
Поведение метода stop()
HTML

Поведение метода stop()

Есть блок и скрытый абзацПри щелчке по блоку абзац анимационно появляется

 282
Как подключить php скрипт?
HTML

Как подключить php скрипт?

Как подключить PHP скрипт к файлу HTML без вкраплений кода, чтобы код выполнялся при загрузке страницы?

 470