css - 动态 div 高度答案

【问题标题】：css - dynamic div heightcss - 动态 div 高度
【发布时间】：2012-02-20 23:33:08
【问题描述】：

显示的问题：http://test.aussieclubroom.com/test.html

我有一个动态生成内容的 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 没有出现，谁能帮我解决这个问题？

谢谢，丹尼尔

【问题讨论】：

你的代码有点乱。如果您删除容器和表格中的所有内联样式，它会起作用。我刚刚用 devtools 删除了那些，它看起来好多了。另外，如果你使用!important，那么很多时候肯定有问题......

标签： html css frontend

【解决方案1】：

您尝试使用所有这些 div 实现的圆角效果实际上是border-radius CSS 属性。应该可以帮助您清除所有这些混乱！

【讨论】：

确实如此。 Here is an example using a single div and border-radius（和一个嵌入的盒子阴影，以尽可能地匹配所需的外观。）在 webkit 和 Firefox 中看起来非常漂亮，并且会在功能较弱的浏览器中优雅地降级为一个简单的盒子。
@MattGibson 感谢您这样做。 jsfiddle 是否支持在其他浏览器（即较旧的 firefox/ie 浏览器）上查看 html 的功能？
@dgamma3 不，为此您需要一个浏览器测试服务，例如browserling、BrowserLab 或类似IETester（我在虚拟机中使用）。提示：针对您可以使用的最高版本的 IE。如果您可以忽略 IE6（也许因为这只是您的访问者的 0.5%），您将为自己节省大量的开发时间。还有挫败感。