HTML - 大小div

我有一個網頁，下面的div。HTML - 大小div

<div id="main"> 
    <div id=left></div> 
    <div id=right></div> 
</div>

隨着頁面的主體是背景顏色爲藍色，並承擔 DIV左和右的div是白色的。當說的權利的內容達到div主要的高度，div主不擴大因此它看起來很奇怪。

div div擴展過去時如何獲得div主擴展？

希望這不會造成混淆。

馬爾科姆

來源

2009-04-18 Malcolm

你應該重新命名你的問題：「CSS- Clearing Floats」 – GeekJock 2009-04-19 16:48:54

我假設「左」和「右」是指你是浮動他們左右你的CSS。如果是這樣，你需要clear them。讓你的HTML看起來像這樣：

<div id="main"> 
    <div id=left></div> 
    <div id=right></div> 
    <br style='clear: both;'> 
</div>

來源

2009-04-18 09:23:19

不起作用？這是應該做的？ – Malcolm 2009-04-18 09:27:08

你可以（需要）使用重置css文件來處理這些類型的css問題。你可以看到關於雅虎的重置css文件的詳細信息from here

希望這有助於

來源

2009-04-18 10:29:52 Enes

你的'左'和'右'div浮動？默認情況下，你的'main'div不會圍繞它所包含的浮動元素擴展。您可以通過在您的CSS中添加overflow: auto到div#main來解決此問題。

來源

2009-04-18 10:37:47

你可以嘗試這樣的事：

<html> 
<head> 
<style> 
#equal  { 
     overflow: hidden; 
     } 

#left, #right{ 
     padding-bottom: 5000px; 
     margin-bottom: -5000px; 
     width: 150px; 
     } 

#left  { 
     float: left; 
     background-color: red; 
     } 

#right  { 
     float: right; 
     background-color: green; 
     } 
</style> 
</head> 
<body> 
<div id="main"> 
<div id="equal"> 
<div id="left">blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah </div> 
<div id="right">blah blah blah blah blah blah </div> 
</div> 
</div> 
</body> 
</html>

來源

2009-04-18 12:26:26 rsk

你應該給溢出：隱藏屬性＃主的CSS。你也應該總是引用屬性值。（你沒有將id分配給#left和#right）

來源

2009-04-19 16:29:03 BYK

HTML - 大小div

回答

相關問題