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. 怕自己忘记,再次记录下来
posted @ 2015-12-01 12:52  灰色的秋天  阅读(1224)  评论(0编辑  收藏  举报