動態設置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;來佈置可隱藏部分。這歸結於偏好。