我怎樣才能使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％大小的頁面？

回答

相關問題