1

请看看这个小提琴。

这是更复杂形式的一个非常简化的版本。在.dojoxAlertBar中，出于编程原因，高度设置为 100%。一切都很好，直到我将高度设置#registerform为一组数字：

/*    height:117px;  */

没有这个，消息的高度是“尽可能大”。但是，在 CSS 中取消注释 117px 高度会导致高度.dojoAlertBox等于#registerForm.

有人可以解释为什么会这样吗？我一直误解 CSS 中的“高度”是如何工作的。这个“100%”到底是什么意思？如果它的意思是“100% 的包含元素”，那么为什么即使没有为父元素指定高度，它也不设置为“大”？

事实上，如果我可以请求，有一个简单的表格来说明如何为固定/绝对和相对/静态元素计算高度，那也很棒。

4

1 回答 1

1

没有这个，消息的高度是“尽可能大”。

为了给一个元素 ( .dojoAlertBar) 一个百分比高度，它的父元素 ( #registerForm) 必须有一个明确的高度。由于在您的示例中.registerForm具有自动高度，因此该块将采用其内容的高度。

但是，取消注释会导致评论框与#registerForm 一样大……“100%”实际上是什么意思？

100% 的高度意味着元素的高度是其父元素的 100%。因此，父 div 必须具有明确的高度属性。当您给出#registerForm117 像素的高度时，这意味着.dojoAlertBar将是该高度的 100%，即 117 像素。

于 2012-08-09T02:11:21.357 回答