2012-07-16 57 views
1

我有這樣一些代碼:如何花車後強制項目的下一行

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

<a>Alink</a> 

div{ 
    display: block; 
float:left; 
} 

.second{ 
    clear:right; 
} 

http://jsfiddle.net/cg4gj/

我真的想雖然要上下一行的鏈接。目前它位於第二位。如何在這些花車之後強制元素轉到下一行。我絕對不想讓div佔據頁面的整個寬度。

回答

4

添加顯示:塊的標籤和明確的:既 http://jsfiddle.net/cg4gj/3/

+0

謝謝你的工作,但有沒有辦法做到這一點,只是修改div標籤incase我讓這部分的可重用位o f標記並放置在其他地方? – AnonyMouse 2012-07-16 23:56:34

+1

@AnonyMouse你可以用父標籤包圍div並設置其css溢出:auto; http://jsfiddle.net/cg4gj/11/或看看穆薩的回答 – SRN 2012-07-17 00:03:40

+0

酷,我喜歡溢出:自動方式。 – AnonyMouse 2012-07-17 00:49:10

0

可以明確地定義浮動:左只是第一個div

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

+0

關閉,但divs佔據了整條線的寬度。即。第二個填補了該行的其餘部分。這是行不通的,因爲我想要放一個邊框,如果它運行的頁面寬度看起來不均勻。 – AnonyMouse 2012-07-17 00:43:37