2

php / include()を使用してページをロードする「コンテンツボックス」-div要素があります。ここで、「コンテンツボックス」-divにロードされる「ボックス」-divを作成しました。これは、内部divのコンテンツが大きくなりすぎたときに、内部divだけが拡張されて「成長」するときに正常に機能します。外側のdivの。

内側のdivが外側のdivの最小の高さを超えている場合は、外側のdiv要素を大きくしたいと思います。

いくつかグーグルで検索したところ、(stackoverflowでも)'float:right;'を使用しているdivコンテナーの直後にstyle = "clear:both"のdivを使用する必要があることがわかりました。または'float:left;'。

それらをどこに置くかはよくわかりませんが、少し遊んだのですが、それでもこれを機能させる方法がわかりません。

JSFiddle:JSFiddle内部divが外部divを超えています

4

2 に答える 2

9

overflow: hiddenアウターに追加するだけですdiv-デモ

div.contentbox_body {
    min-height: 600px;
    overflow: hidden;
    background-color: blue;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 25px;
    padding-right: 25px
}
于 2012-08-27T15:42:24.757 に答える
2

position: absolute;divに追加するだけです。

これが修正されたフィドルです

于 2012-08-27T15:55:41.460 に答える