0

テスト ページに次の html がありますが、ネストされた div 自体が親の 10 ピクセル下にある理由がわかりません。それらがすべて親divの上に直接並ぶことを期待しています。box-sizingとpositionの値をさまざまな組み合わせに設定しようとしましたが、動きません。ここで何が欠けていますか？

<div class="test">
    <div class="aj1"></div>
    <div class="aj2"></div>
    <div class="aj3"></div>
</div>

ここに画像の説明を入力

http://jsfiddle.net/StrandedPirate/P8vAm/

4

4 に答える 4

3

vertical-align: top;あなたに追加.test div

デモ

font-size: 0;またはあなたに追加.test

于 2013-09-22T08:23:48.367 に答える
0

に追加line-height: 0;するだけ.test

于 2013-09-22T08:27:32.987 に答える
0

次のコードを追加します。

.test div{
    vertical-align: top;
}

http://jsfiddle.net/x9z6H/

于 2013-09-22T08:28:25.943 に答える
0

を与えることで実現できますfloat。これをチェックしてくださいhttp://jsfiddle.net/P8vAm/6/

于 2013-09-22T08:32:31.750 に答える