0

こんにちは、3 つの float div の周りにラッパー div があります。これらの div の周りにラッパーをラップしたいのですが、それらを完全にラップすることはできません。フローティング div に top :25px を指定したため、この div は正確に 25 ピクセル下にオーバーフローしますラッパー、

ここに私のページがありますhttp://jsfiddle.net/vpcxP/、フローティングdivが下部のメインコンテナdivをオーバーフローする方法を確認してください

PS:overflow:hidden は使いたくない

4

2 に答える 2

0

#mainContainer の下部にパディングを追加しようとしましたか?

于 2012-06-24T14:44:49.157 に答える
0

height:auto の代わりに #mainContainer の場合は、overflow:auto を使用します

#mainContainer
{
overflow:auto;
width: 835px;
margin:0 auto; 
position:relative;
top:50px;
background-repeat:no-repeat;
background-image:url("Images/mainContainerBG.jpg");
box-shadow: 3px 10px  20px 5px #000;

}

幅も調整する必要があるかもしれません。900px前後に設定してください。.column のスタイルを再定義したようです。そのプロパティを削除し、これを列に使用します。

.column
{
width:280px;
height:452px;
top:25px;
float:left;
left:5px;
box-shadow:3px 10px 7px 3px #4f4848;
background-color:#2c2b2b;
margin-left:5px;

}
于 2012-06-24T14:46:23.357 に答える