当父母的身高设置为自动时，如何在css中使用百分比高度？

时间：2014-02-05 13:33:38

标签： html css css3 layout

目前我有一个很大的<div>，我想添加一个底部边距，从页面底部向上推。但是，这当前没有效果，因为它的父<body>标记小于它，如您所见：

身体标签以蓝色和棕色突出显示，但您可以看到我的div（白色边框）在其下方延伸。 Example

但是，如果我应用将<body>和<html>标记设置为height: auto和min-height:100%以确保它们填满整个页面的技巧，那么我的所有内容都是如此失去它的大小，因为它们都使用百分比高度，不再拥有固定高度的父级。

如果父标记的高度为auto？

，如何使用百分比高度？

1 个答案:

答案 0 :(得分：0)

我担心你不能这样做。仅当父元素具有特定高度时，元素上的百分比高度才有效。另见：CSS – why doesn’t percentage height work?

相关问题
最新问题