如何讓HTML div在另一個div下運行？

<html> 
<body> 
<div id="content1"> 
    <div id="text1">This text floats left</div> 
    <div id="images1"><img src="img.jpg" /></div> <!--Floats right--> 
</div> 
<div id="content2">Text 2</div> 
</body> 
</html>

當我試圖做到這一點，並嘗試做一個像兩個行的表格一樣的文本左浮動和圖像浮動在最上面的一排，所有出現的是content2-div是壓入content1-div。我怎樣才能讓他們分開？如何讓HTML div在另一個div下運行？

來源

2011-06-07 DarkLightA

隨你挑，夥伴 – 2011-06-07 16:04:11

您需要在您的＃內容2格

使用clear:both;如果你真的想了解彩車的一切，看看這個驚人的教程：http://css.maxdesign.com.au/floatutorial/

來源

2011-06-07 15:59:39

使用clear:both;您的內容＃2

來源

2011-06-07 16:00:24

你忘了關閉<div id="images1"> :)

來源

2011-06-07 16:00:28 solendil

使用「明確：雙方」在內容2格

來源

2011-06-07 16:00:37

我希望你需要在<div id="content2">Text 2</div>之前添加另一個div，這將是<div style="clear:both;"></div>

來源

2011-06-07 16:00:45 sudipto

清除你的浮動。這裏是描述怎麼回事的文章：Clearing A Float Element

來源

2011-06-07 16:01:09 BentOnCoding

應用：

#images1{ 
float:right; 
} 

#content2{ 
clear:both; 
}

和修復你的HTML標記

<div id="images1"><img src="img.jpg" /> <!--Floats right-->

關閉DIV：

<div id="images1"><img src="img.jpg" /> <!--Floats right--></div>

來源

2011-06-07 16:01:37 Niklas

你有沒有關閉<div id="images1">。如果這個div被關閉，Content div不會浮動，那麼它應該工作。

來源

2011-06-07 16:01:57 Vinnyq12

overflow:hidden你的content1 div會使它擴大到包含所有漂浮的孩子。（當然，這會隱藏非浮動溢出內容。）

來源

2011-06-07 16:03:04 Tgr

如何讓HTML div在另一個div下運行？

回答

相關問題