停止浮動：留下來阻止我的div佔用另一個div中的空間

如何設置「a」的樣式，以便佔用空間並同時向左浮動？停止浮動：留下來阻止我的div佔用另一個div中的空間

<div style="background:#111"> 
    <div id="a" style="float:left; height:30px"></div> 
</div>

它是如何，現在看？任何小提琴或圖像？ – asifsid88 2013-02-16 14:00:01

@ asifsid88它看起來什麼都沒有，外面的div沒有顯示，因爲它沒有高度 – 2013-02-16 14:00:32

使用overflow風格父，沒有specifing大小父：

<div style="background:#111;overflow:hidden;"> 
    <div id="a" style="float:left; height:30px"></div> 
</div>

2013-02-16 14:00:39 Guffa

omg的工作！但爲什麼會這樣：O？ – 2013-02-16 14:02:53

添加'overflow：hidden'會導致瀏覽器清除元素末尾的所有浮點數。這包括其中的浮標，因此將它們集中在一起。非常方便知道！ – 2013-02-16 14:06:10

太棒了！ – 2013-02-16 14:07:20

插入<div style="clear:both"></div>右後的「＃A」的div

2013-02-16 14:02:26 Corneliu

浮動沒有按元素」不會影響父母的維度。您需要添加一個清除元件，即元素與clear規則設置爲both，像這樣：

<div style="background:#111"> 
    <div id="a" style="float:left; height:30px"></div> 
    <div style="clear:both"></div> 
</div>

2013-02-16 14:07:01

回答