Div部分融爲一體？

我有這麼多的問題，並試圖解決它，但我不能。Div部分融爲一體？

我的問題很容易說。代碼：

<html> 
<head> 
<style type="text/css"> 
.box_list li 
{ 
    float: left; 
    display: block; 
    width: 49%; 
} 
</style> 
</head> 
<body> 
<div> 
    <ul class="box_list"> 
     <li>1</li> 
     <li>2</li> 
     <li>3</li> 
    </ul> 
</div> 
<div>USA</div> 
</body> 
</html>

我想有這樣的輸出：

1 2 
3 
USA

但不幸的是我的代碼的輸出是：

1 2 
3 USA

請幫助我。謝謝

來源

2013-08-06 NGM

試試這個

CSS地址：

.clear{ 
    clear:both; 
    display:block; 
}

HTML添加：

<li>2</li><br/>

而且

<div class="clear">USA</div>

來源

2013-08-06 21:57:52

由於埃米利奧的，.clear已經成功了！ – NGM

我將有兩個不同的列表。這是我將如何去做的。

<ul id="list1"><li>1</li><li>3</li><li>USA</li></ul><ul id="list2"><li>2</li></ul>

現在爲CSS。

#list1{ float:left; list-style-type:none; } #list2{ float:left; list-style-type:none; }

來源

2013-08-06 22:00:48

編輯我的答案擺脫列表樣式類型。 –

感謝馬爾丁，但第二個DIV不是名單..它是一個簡單的DIV。 – NGM

好的，我希望它至少幫助 –

您可以使用這種CSS

.box_list li 
    { 
     float: left; 
     display: block; 
     width: 49%; 
     background-color:#eee; 
    } 
    .box_list li:nth-child(odd){ 
     clear:both; 
    }

來源

2013-08-06 22:09:01

謝謝Kashif，它不適合我。 – NGM

Div部分融爲一體？

回答

相關問題