均衡2周的div高度只利用CSS

例如：

<div style="float:left;padding:2px;background:red;">B</div> 
<div style="float:left;padding:2px;background:green;">A<br />C<br />D</div> 
<div style="clear:both;"></div>

的2區高度大然後DIV一個

來源

2012-02-29 Daniel Ali

[CSS：相等的高度的div無空白劈]的可能重複（http://stackoverflow.com/questions/1480510/css-equal-height-divs-without-margin-hack） – 2012-02-29 22:06:03

我可以具有爲你可能的解決方案：

http://jsfiddle.net/adaz/wRcWj/1/

那麼，它可能會在ie7 +上工作，所以我不確定這對你是否足夠好。

簡介：相對於容器和自我清除它

1）設置位置（我用溢出：隱藏，但你也可以使用clearfix）。 2）浮動其中一個divs，所以容器會根據內容擴展。 3）將絕對位置設置爲您的一個div，並將其頂部和底部位置0px，這將確保它具有100％的高度。

缺點： - 缺乏IE6的支持 - 你需要選擇其中的div總會有少的內容，然後在位置絕對

希望它能幫助！

來源

2012-02-29 22:26:50 Adaz

這通常是表格的行爲，所以你可以用display: table-cell來做到這一點。我基於Adaz的一個例子：http://jsfiddle.net/L2uX4/

來源

2012-02-29 23:25:18

總結兩個div的身高你想在一個容器div來平衡，即

<div id="container"> 
    <div class="column">A<br/>B</div> 
    <div class="column">C</div> 
</div>

在容器中設置一個明確的高度，並設置高= 100％列：

div#container { 
    float: left; 
    height: 10em; 
} 

div.column { 
    height: 100%; 
    background-color: red; 
}

來源

2012-03-01 01:46:52 gcbenison

均衡2周的div高度只利用CSS

回答

相關問題