1

親divの中にたくさんのdivがあります。子 div を重ねて配置 (ブロック) したいのですが、親 div の高さを超えた場合は右 (インライン) に配置したいです。問題を示す画像とコードを添付しました。

HTML コード:

<div id="howhigh">
<div class="part">hi</div>
<div class="part">hi</div>
<div class="part">hi</div>
<div class="part">hi</div>
<div class="part">hi</div>
<div class="part">hi</div>
<div class="part">hi</div>
<div class="part">hi</div>
<div class="part">hi</div>
<div class="part">hi</div>
<div class="part">hi</div>
<div class="part">hi</div>
<div class="part">hi</div>
<div class="part">hi</div>
<div class="part">hi</div>
<div class="part">hi</div>
</div>

CSS コード:

#howhigh {
    width: 50%;
    height: 30%;
    border-style: solid;
    border-color: black;


}

.part {
    width: 10%;
    display: block;
    border-style: solid;
    border-color: black;
}
4

1 に答える 1

0

CSS3 の複数列レイアウトを使用できますが、必要に応じて列の最後で div が半分にカットされます。
FTlabsの Columnflow は、これらの CSS 機能をスクリプトとして高度に実装したものです。IE のサポートは未定義ですが、ポリフィルではない可能性があります。

それ以外の場合は、コンテナに div の束をラップして列を作成する必要があります

于 2013-06-22T04:47:47.473 に答える