css百分比参照问题

html-css016

css百分比参照问题,第1张

1.参照父元素宽度的元素：padding margin；width；text-indent

2.参照父元素高度的元素：height

3.参照父元素属性：font-size；line-height

4.特殊：相对定位的时候，top（bottom），left（right）参照的是父元素的内容区域的高度与宽度，而绝对定位的时候参照的是最近的定位元素包含padding的高度与宽度

可参考《CSS权威指南（第三版）》第220页“百分数和外边距”说明：“百分数是相对于父元素的width计算的，所以如果父元素的width以某种方式发生变化，百分数也会变化”

因为在这两个浏览器中，body的默认高度，并不是浏览器的可视区域高度。但是body的默认宽度是浏览器的可视区域宽度。所以，body的高度是0px，20%也是0了。你可以自己打开chrome的控制台，查看你们各个document元素的属性，body的height属性等于div的height。不清楚再追问。