CSS高度动态设置

Question

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

Answer 1

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

Answer 2

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

Answer 3

我不明白为什么有必要动态设置它。如果这些内容为float:left;并且他们在可隐藏部分的底部放置了<div class="clear">，则可以在使用JavaScript取消隐藏时查看该部分的内容。然后，您可以使用填充和边距调整布局，使其看起来很漂亮。

或者，他们也可以使用position:relative;和position:absolute;来布局可隐藏的部分。归结为偏好。