优艾设计网

DIV高度怎样充满容器??

优艾设计网 https://www.uibq.com 2023-06-22 07:30 出处:网络 作者:PS基础教程
代码: <!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"utf-8\"> <meta优艾设计网_设计客 name=\"Author\" content=\"\"> <meta name=\"Keywords\" content=\"\">

代码: <!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?
前段新手,感谢~


那紧扣的指尖离弦的歌离弦的歌 优艾设计网_PS论坛 20小时前

height: 100%;


东华帝君 20小时前

优艾设计网_设计圈

这样可以。刚才有人提醒会覆盖,确实如此。但是可以把header这样设置


Edging 20小时前

可以直接给section加height:100%;同时postion:fixed;才有效果,但是这种情况下,body和html的高度任然是被header元素撑高的,即高度任然为20px。所以说其实质上还是无法达到你所要求的那样“高度正好充满容器body”,优艾设计网_设计只是看上去像是被撑满的。也许还有其他办法,看看其他牛人如何解决


TIANRONG2046 19小时前

优艾设计网_PS百科

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


hazel517 优艾设计网_设计圈 19小时前

配合Js可以实现,具体请看下面代码:


0

精彩评论

暂无评论...
验证码 换一张
取 消