代码: <!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
?
前段新手,感谢~
纯CSS目前我还没有想到怎么实现,不过用javascript可以实现,思路是获取body的高度,然后把body的高度减去20得到section的高度,最后用js设置section的高度。
一周热门 更多>