html - div には高さがありません

Question

クラス stackContainer を持つ 3 つの div があります。

.stackContainer {
    position: relative;
}

多くのdivがあるという点で、私はそれらを互いに重ね合わせたいと思っています。これは機能します:

.stackItem {
    position: absolute;
}

3 つの stackContainers だけが重なってはなりません。私はそれがマイナーなcssのことだと思います。

score 3 · Accepted Answer

3

これはあなたが達成したいことですか？ http://jsfiddle.net/Vfqsr/

于 2012-06-10T12:34:45.197 に答える

score 1 · Accepted Answer

div内のすべてが絶対配置されている場合、要素が通常のテキストフローから取り出されるstackContainerため、これらの div はどのくらいの高さにすべきかわかりません。position:absolute

したがって、最善の策は、各 div の最大のコンテンツが何であるかを把握しheight、stackContainers のプロパティを明示的にそれらの値に設定することです。

または、絶対配置されていない子要素を少なくとも 1 つ指定します。

score 0 · Accepted Answer

幅stackContainerと高さも指定します。

.stackContainer {
    position: relative;
    width: 128px;
    height: 128px;
}

score 0 · Accepted Answer

.stackContainer に高さを設定できます

.stackContainer {
    height:200px;
}

.stackItem {
    position:absolute;
}

4 に答える 4