html中overflow以及元素的height计算问题

标签：

1. 大家都知道block和inline-block等元素的height=contentHeight至少在firefox中是这样子，但是，如果对一个块级元素没有设置height，那么元素的Height=(子元素的大小（content+padding+margin）),可是带定位属性（fixed 和 absolute）以及float元素的元素并不在上述计算范围之内，不过还有一种定位属性-relative，如果指定relative元素的top属性，比如style=‘top:10px;position:relatve;height:90px‘,那未指定父元素的高度等于90px（不包括top属性，也就是子元素盒子模型的高度），这样看起来相对定位的元素可以超出父元素的边界，这是没有问题的。
2. 对于overflow来说，只要是非绝对定位和fixed定位的元素，如果设置overflow=scroll，那么上述relative元素可以看做超出边界，会看到一个垂直的滚动条，对于更一般的情况，就不做阐述。
3. 怕自己忘记，再次记录下来

html中overflow以及元素的height计算问题

标签：

原文地址：http://www.cnblogs.com/dshlian/p/5009767.html