2012-01-02 79 views
1

我有以下代碼:如何根據其他div元素自動設置一個div的高度?

<div class='parent'> 
    <div class='left-child"'></div> 
    <div class="right-child"></div> 
</div> 

我想要做的是,如果「左胎」的高度將會增加那麼「右子」也將會增加高度。

這可能是一個簡單的問題,因爲我對html和css的瞭解較少。

我不想使用任何的java腳本代碼。 我只想爲此CSS和HTML代碼。

謝謝。

回答

4

看一看:

Demo

+0

我一直在尋找這樣:) – Smit 2012-01-02 21:36:45

+0

雖然這在理論上回答這個問題,[但最好](http://meta.stackexchange.com/q/8259)在這裏包含答案的重要部分,並提供供參考的鏈接。 – 2012-01-02 22:08:43

1

大多數跨瀏覽器解決方案是用表格屬性設置你的div。這也是最少的語義解決方案。

.parent{ 
    display:table; 
} 
.parent > div { 
    display:table-cell; 
} 

DEMO

1

您可以創建左,具有相同高度的右孩子的幻想,通過添加背景要在右欄中使用.parent。我添加了一個例子:

http://jsfiddle.net/3MCzm/

相關問題