我怎样才能使div的80％大小的页面？

我想使一个页面的容器div有10％的顶部边距和10％的底部边距。我如何让div始终占用页面的剩余80％（无论它是否包含内容）？我怎样才能使div的80％大小的页面？

2010-11-30 Geo

这应该工作：

<!DOCTYPE html> 
<html> 
    <head> 
     <style type="text/css"> 
      div { 
       position: absolute; 
       height: 80%; 
       width: 80%; 
       top: 10%; 
       left: 10%; 
       background-color: #FFCC00; 
      } 
     </style> 
    </head> 
    <body> 
     <div> 
      This should prove my point. 
     </div> 
    </body> 
</html>

来源

2010-11-30 20:07:42 tdammers

你可以试试：

CSS 
--- 
.container { 
    margin-top:10%; 
    margin-bottom:10%; 
    height:80%; 
} 

<div class="container"></div>

来源

2010-11-30 20:01:43

不，这是行不通的。它确实为div的顶部添加了一个边距，但高度仍然符合内容的要求（仅在Firefox，HTML5模式下）。 – tdammers 2010-11-30 20:09:25

我怎样才能使div的80％大小的页面？

回答

相关问题