2

div の幅をコンテンツに合わせて設定し、div を互いの下に保持したいと考えています。効果的に使用display:inline-blockすると、div が互いに隣り合って浮動します。これどうやってするの？

4

2 に答える 2

1

動作中のjsFiddleデモ

次のマークアップを検討してください。

<div class="text">apple</div>
<div class="text">banana</div>
<div class="text">kiwi</div>
<div class="text">orange</div>

すべてをフロートしてクリアします。CSS は次のとおりです。

.text {
    background: yellow;
    float: left;
    margin-bottom: 3px;
    clear: both;
}
于 2013-05-29T04:32:53.700 に答える
0

はっきりさせてください: 両方とも、これにより浮くことがなくなります。そうです、浮く「何か」が必要です。

#div1, #div2{

    display: inline;
    float: left;
    clear: both;
    border: 1px solid grey;

}

<div id="div1">some content here that is bigger</div>
<div id="div2">some content here</div>
于 2013-05-29T04:31:39.837 に答える