您的位置:首页 > 其它

给body设置height:100%不起作用?

2015-09-22 17:35 288 查看
今天学习CSS3的渐变时,看到一个demo,就照着做,问题就来了。

例子代码是这样的:





效果图是这样的:



我自己照着例子敲出来的效果是这样的:



怎么回事啊?怎么跟例子效果不一样?代码明明一样啊,body的高度也设置了100%啊,左边红线怎么不是body高度?右键一看原来body只有18px。怎么回事,不是100%的么?于是百度了一下,看到了这样一句话:“而跟W3C的规范,百分比的高度在设定时需要根据这个元素的父元素容器的高度。所以,如果你把一个
div
的高度设定为
height: 50%;
,而它的父元素的高度是100px,那么,这个div的高度应该是50px”。就想到也要给html设置height:100%,然后就跟例子效果一样啦。虽然简单但也很容易忽视。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: