CSS-div高度100%设置问题_html/css_WEB-ITnose
程序员文章站
2022-06-06 11:02:43
...
div常用的属性width和height,有的时候如果我们需要让div的高度是整个屏幕的高度,设置height:100%发现并没有什么作用,并不是这样设置不对,而是w3c规范中关于百分比的设置是相对于父元素的,如下所示:
博客园-FlyElephant 博客园-FlyElephant
发现div的高度只是文字的高度,如果需要让div铺满整个屏幕,我们需要设置一下父级元素的高度,也就是html和body:
html,body { height: 100%; padding: 0; margin: 0; }
高度是相对于父级元素的,但是html级元素默认宽度是100%,即整行~
推荐阅读
-
关于padding设置的问题_html/css_WEB-ITnose
-
ie6下的span的高度问题,头疼_html/css_WEB-ITnose
-
css中关于文本颜色的设置问题_html/css_WEB-ITnose
-
html和body的高度100%引发的问题_html/css_WEB-ITnose
-
关于Table 单元格高度的问题_html/css_WEB-ITnose
-
文本框设置100%宽度,内容过多时所在td的宽度失效_html/css_WEB-ITnose
-
急求解:iframe框架不能100%显示问题_html/css_WEB-ITnose
-
ie6下的span的高度问题,头疼_html/css_WEB-ITnose
-
网站目录下的文件夹权限设置问题_html/css_WEB-ITnose
-
zend 设置html编码乱码的问题_html/css_WEB-ITnose