Может ли кто-нибудь понять это из-за высокой высоты CSS

Хорошо, это меня полностью заглохнуло, пытались исправить дни безрезультатно.Может ли кто-нибудь понять это из-за высокой высоты CSS

Я использовал cbpFWTabs.js для разделения моего контента.

Он, однако, выглядит очень странным, поскольку он игнорирует мои параметры высоты и устанавливает div в размере содержимого.

Единственный способ остановить это - установить фиксированную высоту, но я бы хотел, чтобы div динамически изменял размер, чтобы заполнить остальную часть экрана и отобразить полосы прокрутки, если он превышает div-обтекатель содержимого (сохраняя постоянную строку меню) ,

Я проверил все родитель, он просто не кажется, реагирует ни на что я попробовать :(

Пример здесь: http://numerco.com/wp-content/uploads/NUA/scratch.html

Я уверен, что его Somthing тривиальным я пропустил, но его сводит меня невменяемым.

Спасибо!

источник

2016-09-29 Anthony George

Его всегда хорошая вещь в отзывчивом дизайне, чтобы заполнить область просмотра чем-то вроде 'height: 100%' для самых внешних контейнеров, так что там нет ничего плохого! Однако обратите внимание на [это] (http://stackoverflow.com/questions/39309205/height-calculation-by-browsers-containing-blocks-and-children), который кажется немного неожиданным поведением. – kukkuz

решением может быть использование блоков 'vh' для заполнения высоты экрана ... между прочим, добавьте фрагмент/скрипку вместо публикации внешних ссылок ... Спасибо! – kukkuz

ok, это очень странная высота html задана правильно, и тело здесь получает 975px, но его дочерний поток линии или что-то тоже установлено 1189px, его параметр высоты в 100%, почему любая идея, почему это происходит? –

Всякий раз, когда у вас есть height: 100% на элементе, это означает, что он унаследует высоту своего родителя.

Итак, первое, что вам нужно сделать, это установить height: 100% на .container, чтобы его высота занимала всю высоту body.

Затем установите height: 100% на .container > section. Затем дети знают, что они растягиваются до правильной высоты (которая распространяется с body).

Это должно решить вопрос в вашем OP. Тем не менее, похоже, что все еще есть что-то подозрительное в ваших высотах. Не стесняйтесь задавать другой вопрос, если вам нужно.

источник

2016-09-29 21:18:10 cheryllium

спасибо, похоже, шаг в правильном направлении. я обновил страницу с вашими изменениями, она заполняется. но теперь его немного больше, просто посмотрев сейчас, чтобы попытаться разобраться, что происходит :) –

не уверен, что масштабирует его так высоко, высота: 83% работает хорошо, но somthing говорит мне, что этого не должно быть, как это .. –

решением может быть использование единиц 'vh', чтобы заполнить высоту экрана ... – kukkuz

Может ли кто-нибудь понять это из-за высокой высоты CSS

ответ

Смежные вопросы