我有以下代碼:如何根據其他div元素自動設置一個div的高度?
<div class='parent'>
<div class='left-child"'></div>
<div class="right-child"></div>
</div>
我想要做的是,如果「左胎」的高度將會增加那麼「右子」也將會增加高度。
這可能是一個簡單的問題,因爲我對html和css的瞭解較少。
我不想使用任何的java腳本代碼。 我只想爲此CSS和HTML代碼。
謝謝。
我有以下代碼:如何根據其他div元素自動設置一個div的高度?
<div class='parent'>
<div class='left-child"'></div>
<div class="right-child"></div>
</div>
我想要做的是,如果「左胎」的高度將會增加那麼「右子」也將會增加高度。
這可能是一個簡單的問題,因爲我對html和css的瞭解較少。
我不想使用任何的java腳本代碼。 我只想爲此CSS和HTML代碼。
謝謝。
看一看:
大多數跨瀏覽器解決方案是用表格屬性設置你的div。這也是最少的語義解決方案。
.parent{
display:table;
}
.parent > div {
display:table-cell;
}
您可以創建左,具有相同高度的右孩子的幻想,通過添加背景要在右欄中使用.parent
。我添加了一個例子:
我一直在尋找這樣:) – Smit 2012-01-02 21:36:45
雖然這在理論上回答這個問題,[但最好](http://meta.stackexchange.com/q/8259)在這裏包含答案的重要部分,並提供供參考的鏈接。 – 2012-01-02 22:08:43