首页 > Web开发 > 详细

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

时间:2015-12-01 14:31:21      阅读:312      评论:0      收藏:0      [点我收藏+]
  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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!