CSS 高度动态设置

【问题标题】：CSS Height Set DynamicallyCSS 高度动态设置
【发布时间】：2012-04-30 12:03:44
【问题描述】：

所以我正在检查这个网站：http://www.grittirollo.it/，滑出的内容似乎有一个固定的高度。有没有办法动态设置？

【问题讨论】：

【解决方案1】：

似乎开发人员测量了滑块框模型的每个部分在渲染时的高度，然后将其乘以行数。从那里，他/她在 CSS 中手动设置它。

【讨论】：

【解决方案2】：

网页上的元素通常可以使用它们的 scrollHeight JavaScript 属性 (element.scrollHeight) 来衡量，但是有些浏览器没有此功能，有些浏览器的做法与其他浏览器不同。（我相信 Firefox 必须在元素树中递归地完成，而 Safari 只使用最外层的元素。）这应该在不使用 JavaScript 手动设置高度的情况下是可能的，您可能只需要有条件地对其进行编码与您想要支持的所有浏览器一起工作。

【讨论】：

【解决方案3】：

我不明白为什么需要动态设置它。如果内容是float:left;，并且他们在可隐藏部分的底部放置了<div class="clear">，那么当它被JavaScript 取消隐藏时，您将能够看到该部分的内容。然后，您可以使用 padding 和 margin 调整布局，使其看起来更漂亮。

或者，他们也可以使用position:relative; 和position:absolute; 来布置可隐藏部分。这取决于偏好。

【讨论】：