CSS - 動態DIV高度

所示

問題：http://test.aussieclubroom.com/test.html CSS - 動態DIV高度

我具有其中內容是動態生成到一個div。示例URL的左側是我擁有的當前div。請注意容器div的高度是固定的（mainContent_mid_right），左右邊框div（mainContent_mid_right_left和mainContent_mid_right_right）也是如此。

但是，我希望div的高度是動態的，所以我將父div（mainContent_mid_right）設置爲height：auto，並將左右邊界div設置爲height：auto。這是給出的URL右側的div。但是，正如你所看到的，邊框div沒有出現，任何人都可以幫我解決這個問題嗎？

感謝，丹尼爾

來源

2012-02-20 dgamma3

你的代碼有點亂。如果您刪除容器中和表格中的所有內聯樣式，它就會起作用。我剛剛刪除了devtools，看起來好多了。另外，如果您使用'！important'，那麼很多時候一定是錯誤的...... – elclanrs 2012-02-20 23:43:53

你正在努力實現所有這些div倒圓的邊角效應，實際上是邊界半徑CSS屬性。應該幫助你清除所有這些混亂！

來源

2012-02-20 23:57:42

確實。 [這是一個使用單個div和邊框半徑的示例]（http://jsfiddle.net/gothick/YPAjU/3/）（以及一個嵌入框陰影，儘可能匹配所需的外觀）。在webkit和Firefox中相當不錯，並且會在功能較差的瀏覽器中優雅地降級到一個簡單的盒子。 – 2012-02-21 00:14:15

@MattGibson謝謝你這麼做。 jsfiddle是否支持在其他瀏覽器（即較老的Firefox/ie瀏覽器）上查看html的能力？ – dgamma3 2012-02-21 01:07:34

@ dgamma3不，您需要瀏覽器測試服務，例如[browserling]（http://browserling.com/），[BrowserLab]（https://browserlab.adobe.com/en-us） /index.html#），或類似[IETester]（http://www.my-debugbar.com/wiki/IETester/HomePage）（我在虛擬機中使用）。提示：目標最高版本的IE你可以逃避。如果你可以忽略IE6（也許因爲這只是訪問者的0.5％），你將爲自己節省大量的開發時間。和沮喪。 – 2012-02-21 09:09:54

CSS - 動態DIV高度

回答

相關問題