0

この記事http://css-tricks.com/implied-block/を読みました。私は自分のクロム ブラウザーでテストします。はい、float スタイルを使用して display:block スタイルを生成します。私が知っているように、display:block は要素がブロック レベルの要素になり、行全体を占めることを意味します。次の要素は新しい行で開始する必要があります。

しかし、float プロパティをテストします。display:block を生成しますが、次の要素 (フロートも含む) はまだ同じ行にあります。それで、それで何が問題なのですか？

 <style type="text/css">
    span
    {
        width: 30px;
        margin: 0 10px;
        background-color: Red;
        float:left;
    }
 </style>
<body>
<span>222</span><span>323</span><span>dd</span>

4

3 に答える 3

2

「フローティング」要素を次の行に分割するには、フロートをクリアする必要があります。span 要素を div に置き換えると、同じ効果が得られます。

于 2012-11-28T02:24:39.527 に答える
1

このブログを試すことができます。フロートについての理解を深めるのに役立つかもしれません

http://coding.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/

于 2012-12-03T12:59:13.763 に答える
0

各スパンに新しい行を占有させたい場合は、それぞれに次のように指定します。

span { display:block; }

そして削除します：

span { float:left; }

Adivも css なしでこれを達成します。

于 2012-11-28T02:28:41.227 に答える