0

私はこのようなdivセットアップを持っています：

<div class ="outer">
    <div class = "inner"></div>
</div>

そのようなCSSで：

.outer {
width: 300px;
height: 200px;
background: red;
}
.inner {
position: absolute;
width: 200px;
height: 50px;
background: black;
opacity: .5;
}

つまり、基本的にdivは別のdivの上にスタックされます。ただし、一番上のdivは、左上ではなく、親divの下部の中央に配置する必要があります。どうすればいいですか？

4

2 に答える 2

2

内側の div を外側の div 内に絶対に配置したいようですが、この場合、これはうまくいくはずです:

.outer {
position: relative;
width: 300px;
height: 200px;
background: red;
}
.inner {
position: absolute;
width: 200px;
height: 50px;
bottom: 0px;
left: 50px;
background: black;
opacity: .5;
}
于 2013-01-14T10:54:34.587 に答える
0

auter div position:relative を与える

内側の div position:absolute と bottom:0px; を指定します。左：0px; または好きな場所。

外側の div position:relative を指定することは非常に重要です。そうでない場合は、機能する場合もあれば、機能しない場合もあります。そしてもちろん、すべてのような非常に古い Internet Explorer では機能しません。

絶対要素には高さがないため、指定された (高さ:120px など) を使用できない場合は f*** です。これを行うには、JavaScript を使用して 1 つの絶対要素の高さを確認し、それを特別なマージンで追加します。

インナーがほとんどない場合にどのコンテナが一番上にあるかを確認するには、z-index を使用できます。

于 2013-01-14T10:59:20.933 に答える