CSS：內的div

這裏的100％高度工作液的Chrome和Firefox的可能：CSS：內的div

http://jsfiddle.net/gHcRX/

添加height:100%所有表給出了DIV所需的數據來計算父的實際height。

但是，爲什麼這並不在Internet Explorer和Opera工作...

不想使用JavaScript這一點。

是否有任何簡單的跨瀏覽器解決方案？

來源

2011-09-20 Somebody

我們說什麼版本的Internet Explorer？ – Musaab

爲什麼使用表格進行佈局？你真的應該使用div。 – Yule

我解決了你的問題。 – Musaab

首先，你不應該使用表格排版。這是不好的做法，並且在不同的瀏覽器中不能很好地工作。

如果你想要實現的是獲取的div擴大100％，你可以做這樣的事情：

<div style="height:300px"> 
    <div style="float:left;height:100%;background:green;">block1</div> 
    <div style="float:left;height:100%;background:red;">block2</div> 
</div>

http://jsfiddle.net/gHcRX/20/

來源

2011-09-20 08:11:54

順便說一下。在我的例子中，我沒有固定的父母元素的高度。 – Somebody

我不確定你正在嘗試做什麼，所以我認爲你只是想讓你的div自動擴展到一個固定的高度。 –

http://jsfiddle.net/gHcRX/31/ – Somebody

這可能就是你所需要的東西，使用的div代替表：

<div> 
    <div style="height:300px; float: left;"> 
     <div style="height:100%;background:black; float: left;">block1</div> 
     <div style="height:100%;background:red; float: left;">block2</div> 
    </div> 
</div>

更整潔

來源

2011-09-20 08:05:41 Yule

幾乎我的確切解決方案！：P你不需要內部div的300px高度。 –

http://jsfiddle.net/gHcRX/31/ – Somebody

所以你試圖根據另一個（不包含元素）的高度來設計一個元素的樣式？您需要jQuery或Eric提供的鏈接。 – Yule

回答

相關問題