2回答

• 

  慕粉4002810

  2016-10-04 11:28:30

  查阅了很多资料，

  这里其实是 ul元素的包含块(containing block)问题 。

  containing block定义：

  一个元素盒子的位置和大小有时是通过相对于一个特定的长方形来计算的，这个长方形就被称之为元素的 containing block。

  如果元素有属性 'position:absolute'，containing block 由最近的 position 不是 static 的祖先建立。

  如果没有这样的祖先，则根元素盒子的内容边界确定为 containing block。

  overflow属性

  一个绝对定位的子孙元素，部分内容在盒子外。但超出的部分不是总会被剪裁。子孙元素的内容就不会被子孙元素和其包含块之间的祖先元素的overflow的设置所剪裁。

  现在再看楼主的问题:
  

  1. 一开始ul的父元素并没有设置position的值，ul元素的包含块为根元素，ul父元素上的overflow:hidden对其不生效。

  2. 当ul的父元素上设置了非默认的position值之后，ul元素的包含块变为ul的父元素，此时overflow:hidden属性对ul生效

  这里有一些overflow属性失效的详尽演示，大家可以对照着看一下
  

  http://www.cnblogs.com/xiaohuochai/p/5289653.html#anchor3

  
  

  
  

  0 0
• 

  dzxczx

  2016-02-14 16:45:09

  我看糊涂了

  0 0