Html CSS：父维度设置为像素时的嵌套元素高度

请看一看

这是一个更复杂表单的简化版本。在

.dojoxAlertBar

中，出于编程原因，高度设置为100%。一切都很好，直到我将

#registerform

的高度设置为一个固定的数字：

/*    height:117px;  */

如果没有这一点，信息的高度将是“它需要的大小”。但是，在CSS中取消对117px高度的注释会使

.dojoAlertBox

的高度等于

#registerForm

有人能解释一下这是为什么吗？我一直误解“高度”在CSS中的作用。“100%”到底是什么意思？如果它的意思是“包含元素的100%”，那么为什么即使父元素没有指定高度，也不将其设置为“大”

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

如果没有这一点，信息的高度将是“它需要的大小”

若要为元素（

.dojoAlertBar

）指定百分比高度，其父元素（

#registerForm

）必须具有明确的高度。由于在您的示例中，

.registerForm

的高度为auto，因此块将采用其内容的高度

但是，取消注释会使注释框与#registerForm一样大……这“100%”到底是什么意思

高度为100%表示元素的高度为其父元素的100%。因此，父div必须具有显式的height属性。当您给

#registerForm

117px的高度时，这意味着

.dojoAlertBar

将是该高度的100%，或117px

如果没有这一点，信息的高度将是“它需要的大小”

若要为元素（

.dojoAlertBar

）指定百分比高度，其父元素（

#registerForm

）必须具有明确的高度。由于在您的示例中，

.registerForm

的高度为auto，因此块将采用其内容的高度

但是，取消注释会使注释框与#registerForm一样大……这“100%”到底是什么意思

---

---

高度为100%表示元素的高度为其父元素的100%。因此，父div必须具有显式的height属性。当您给

#registerForm

117px的高度时，这意味着

.dojoAlertBar

将是该高度的100%，或117px。

您可能希望使用JSFIDLE而不是pastebin，因为人们可以预览您的站点。完成！将来也会这样：德妮丝，你本来可以用我的！哦，在JSFIDLE中，您通常用HTML、CSS和JavaScript分离代码（而不是将它们全部复制到HTML中）。。。我没看到你的，对不起！您可能希望使用JSFIDLE而不是pastebin，因为人们可以预览您的站点。完成！将来也会这样：德妮丝，你本来可以用我的！哦，在JSFIDLE中，您通常用HTML、CSS和JavaScript分离代码（而不是将它们全部复制到HTML中）。。。我没看到你的，对不起！“若要为元素指定百分比高度，其父元素必须具有显式高度。”@Merc。确切地除非父项在CSS中指定了高度，否则默认情况下它是

auto

。这个高度不一定是一个像素计数——如果你愿意的话，它也可以是一个百分比，但这只是将问题提升到了下一个层次。另外，我可以通过编程将这个大小从0%更改为100%（我确实这样做了，给它一个很好的效果），它可以工作。因为我必须有一个百分位数，但我也希望消息“尽可能大”，在HTML方面，有没有更好的方法可以做到这一点？我想我真正的问题是：如何构造HTML，以便1）我可以将大小设置为%in.dojoAlertBar 2）消息尽可能大，而不占用整个表单3）表单本身具有预定的大小。。。？我想知道这是否可能@美塞苔丝。在

.dojoAlertBox

上设置百分比高度的目的是什么？如果您没有使用该功能实际控制高度，为什么不省略它？“要给元素一个百分比高度，它的父元素必须有一个显式高度。”@Merc。确切地除非父项在CSS中指定了高度，否则默认情况下它是

auto

。这个高度不一定是一个像素计数——如果你愿意的话，它也可以是一个百分比，但这只是将问题提升到了下一个层次。另外，我可以通过编程将这个大小从0%更改为100%（我确实这样做了，给它一个很好的效果），它可以工作。因为我必须有一个百分位数，但我也希望消息“尽可能大”，在HTML方面，有没有更好的方法可以做到这一点？我想我真正的问题是：如何构造HTML，以便1）我可以将大小设置为%in.dojoAlertBar 2）消息尽可能大，而不占用整个表单3）表单本身具有预定的大小。。。？我想知道这是否可能@美塞苔丝。在

.dojoAlertBox

上设置百分比高度的目的是什么？如果您没有使用该功能实际控制高度，为什么不忽略它？