DIV高度怎样充满容器?

2016-10-12 16:46发布

代码: <!DOCTYPE html> <html lang="en">     <head>         <meta charset="utf-8">         <meta name="Author" content="">         <meta name="Keywords" content="">         <meta name="Description" content="">         <title></title>                 <style type="text/css">             html {                 height: 100%;                  margin: 0;                  padding: 0;             }             body {                 height: 100%;                  margin: 0;                  padding: 0;             }             header {                 height: 20px;             }             section {                 height: ?; //code here             }         </style>     </head>     <body>         <header></header>         <section></section>                 </body> </html>

header元素用px定义高度时,怎样使section元素和header 元素高度正好充满容器body?
前段新手,感谢~

友情提示: 此问题已得到解决,问题已经关闭,关闭后问题禁止继续编辑,回答。
5条回答

纯CSS目前我还没有想到怎么实现,不过用javascript可以实现,思路是获取body的高度,然后把body的高度减去20得到section的高度,最后用js设置section的高度。

一周热门 更多>