0

以下は、#lower-content-sub div を #content div の一番下に固定するために使用している CSS です。Home page !でホームページのように配置しようとしています。私はポジショニングに精通していないので、少し助けが必要です。コンテンツ div が移動すると、下部のコンテンツがそれにとどまるように、下部に貼り付けたいと思います。

子 div を親よりも広く拡張するだけでなく、親の後ろに座らせる方法はありますか?

問題を確認できるページはこちらです。

以下は CSS です。

#content {
width:990px;
height:auto;
min-height:540px;
background-color:#fff;
margin: -151px auto 0 auto;
-webkit-box-shadow: 0px 1px 30px rgba(50, 50, 50, 0.62);
-moz-box-shadow: 0px 1px 30px rgba(50, 50, 50, 0.62);
box-shadow: 0px 1px 30px rgba(50, 50, 50, 0.62);
}

#lower-content-sub {
height:250px;
width:100%;
background-color:#fff;
border-top: 5px solid #666;
border-bottom: 2px solid #666;
background-image:url(../images/noise.jpg);
}

そしてHTML

<div id="content"></div>
<div id="lower-content-sub">
</div>
4

1 に答える 1

0

このプロパティを適用してみてください。

#contentdivセットにposition:relative;

#lower-content-subセット aposition:absolute; bottom:0;および a margin-top:250px;(margin-top は lower-content-sub の高さに等しい)

解決への導きとなれば幸いです。

于 2013-06-14T15:55:20.243 に答える