给body设置height:100%不起作用?
2015-09-22 17:35
288 查看
今天学习CSS3的渐变时,看到一个demo,就照着做,问题就来了。
例子代码是这样的:
效果图是这样的:
我自己照着例子敲出来的效果是这样的:
怎么回事啊?怎么跟例子效果不一样?代码明明一样啊,body的高度也设置了100%啊,左边红线怎么不是body高度?右键一看原来body只有18px。怎么回事,不是100%的么?于是百度了一下,看到了这样一句话:“而跟W3C的规范,百分比的高度在设定时需要根据这个元素的父元素容器的高度。所以,如果你把一个
例子代码是这样的:
效果图是这样的:
我自己照着例子敲出来的效果是这样的:
怎么回事啊?怎么跟例子效果不一样?代码明明一样啊,body的高度也设置了100%啊,左边红线怎么不是body高度?右键一看原来body只有18px。怎么回事,不是100%的么?于是百度了一下,看到了这样一句话:“而跟W3C的规范,百分比的高度在设定时需要根据这个元素的父元素容器的高度。所以,如果你把一个
div的高度设定为
height: 50%;,而它的父元素的高度是100px,那么,这个div的高度应该是50px”。就想到也要给html设置height:100%,然后就跟例子效果一样啦。虽然简单但也很容易忽视。
相关文章推荐
- mysql主主复制+keepalived实现高可用
- hdoj 1016 Prime Ring Problem【DFS】
- Hadoop家族系列文章
- HDU - 4281 Judges' response(MTSP)
- eclipse ide for java ee developers 开发环境搭建详解图文
- GDAL 统计直方图数据,精确统计与粗略统计
- php 连接redis
- java反射机制浅析
- uploadify与jquery1.10 在ie浏览器冲突报错处理(e.getAttribute("classid")缺少对象
- c++map的用法
- 2. 包类结构、数据类型、变量与常量、运算符、注释与规范
- OnTouchListener和OnCliskListener
- ZOJ.2818 Root of the Problem【开根号,水】 2015/09/22
- poj1696 凸包
- Web系统安全初识
- 【转】iOS中几种数据持久化方案:我要永远地记住你!
- ASP.NET MVC3 Model验证总结
- dos命令复制当天生成的以日期为文件名的文件
- nancy 中的json问题
- 转-NSUserDefaults 简介,使用 NSUserDefaults 存储自定义对象