HTML5,height:100%

HTML5,height:100%,第1张

1:浏览器中body中在没有任何内容撑起来的时候,height高度默认为0;所以要先设置body的大小。不然div的height:100%为0;

2:body的width不需要设置百分百是因为浏览器中body中即使没有任何内容其body的宽度(width)默认为浏览器的窗口宽度也就是;

3:在css代码中经常会出现html,body{width:100%height:100%}

1.这里的width给不给都无所谓

2.为什么还要加上html呢?是因为在IE内核的浏览器中是以html为基准的。

4:如果对以上步骤还有不理解或者解答出错的地方欢迎追问,指正。

5:望采纳

是不是多了padding或margin

一般在html和body设置了height:100%

然后在最大的div盒子里设置height:100%

是有效果的

div的100%是从其上一级div的宽高继承来的,有一点很关键,就是要设置div100%显示,必须设置其上一级div的宽度或高度,否则无效。举例说明:父div(deman)宽300高200,子div(cc)如果在这个条件下设置divcc的宽高都为100%的话,那cc的确切大小就是父div的大小(宽300高200),在尝试中你会发现,div显示会受自身和其上一级div的padding和margin影响,而其实际宽高不受影响。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6231566.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-18
下一篇 2023-03-18

发表评论

登录后才能评论

评论列表(0条)

保存