1

私は次のようなコードを持っています:

<div>First</div>
<div class="second">Second</div>

<a>Alink</a>

div{
    display: block;
float:left;
}

.second{
    clear:right;
}

http://jsfiddle.net/cg4gj/

リンクを次の行に配置したいのですが。現在、2番目の横に配置されています。これらのフロートの後の要素を強制的に次の行に移動するにはどうすればよいですか。ただし、divがページの幅全体を占めるようにしたくはありません。

4

2 に答える 2

4

タグにdisplay:blockを追加し、clear:both http://jsfiddle.net/cg4gj/3/

于 2012-07-16T23:52:57.447 に答える
0

最初のdivに対してのみfloat:leftを明示的に定義できます

http://jsfiddle.net/cg4gj/9/

于 2012-07-16T23:56:13.830 に答える