html - 「div」がその中のコンテンツで展開されないのはなぜですか?

Question

ボディ内部に「midsection」という DIV を追加しました。スライドショーやその下の情報など、すべてのコンテンツが含まれています。中央部の高さを「98%」に設定しましたが、その中のコンテンツで拡張されません。実際のページは拡張されますが、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;
}

Answer 1

div には、そのコンテナーの固有の最大高があります。この div を含む DOM 内のすべてのアイテムの高さが 98% 以上であることを確認する必要があります。たとえば、div が本文だけにある場合は、次を追加できます。

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

Answer 2

overflow:hiddendiv の CSS に追加してみてください。