Почему «div» не расширяется с содержимым внутри него?

Я добавил DIV, называемый «средой» внутри тела. Он содержит весь контент, подобный слайд-шоу, и информацию, расположенную ниже. Я установил высоту среза «98%», но он не будет расширяться с содержимым внутри него. Фактическая страница расширяется, но DIV этого не делает.Почему «div» не расширяется с содержимым внутри него?

-HTML http://e.pictureupload.us/118270967451ca3420af8dd.jpg

-CSS

#midsection{ 
position:relative; 
top:31px; 
width:75%; 
height:98%; 
margin-left:12.4%; 
background:#f3f4f4; 
border-left: 1px black solid; 
border-right: 1px black solid; 
word-wrap: break-word; 
}

источник

2013-06-26 Adam DePolo

Скопируйте и вставьте код здесь. Это будет намного легче помочь вам ... – Buggabill

Я добавил его как изображение. –

Зачем вам вводить код в качестве изображения? Скопируйте/вставьте его в свой вопрос. – Steve

Попробуйте добавить переполнение: авто в DIV:

#midsection 
{ 
    ... 
    overflow:auto 
}

источник

2013-06-26 00:38:09 Danield

Не мой любимый, но он работает. Мне все равно хотелось бы, чтобы фактическая страница расширялась. –

@AdamDePolo, Если это сработало для вас, тогда вы должны пометить его как принятый ответ, нажав на символ проверки. – Danield

Я все еще ждал, если вы прочтете мой ответ, вы увидите, что я сказал: «Мне все равно, что страница будет расширяться» .... –

ДИВ имеет неотъемлемый максимальную высоту из его контейнера. Вы должны убедиться, что каждый элемент в DOM, содержащий этот div, имеет высоту не менее 98%. Например, если DIV был только в теле, вы можете добавить:

html{ min-height:98%; } 
body{ min-height:98%; }

источник

2013-06-26 00:17:46 Neuticle

Это не сработало ... –

Попробуйте добавить overflow:hidden в CSS для дел.

источник

2013-06-26 00:56:41 Cynthia

Почему «div» не расширяется с содержимым внутри него?

ответ

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