小金鱼

小金鱼

认证信息:

30 飞吻 2018-10-09加入 来自

(这个人懒得留下签名)

小金鱼 最近的提问

小金鱼 最近的回答

  • 2019-02-23 浮动除了用clear:both,还有那些方式啊? 回答了

    • 在浮动元素后面添加空标签 clear:both
    • 或者给父标签使用overflow: hidden/auto;zoom:1
    • 或者父级div定义, 使用伪类:after和zoom
    1
    2
    .clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
    .clearfloat{zoom:1}

      zoom:1的作用: 触发IE下的hasLayout。zoom是IE浏览器专有属性,可以设置或检索对象的缩放比例。

      当设置了zoom的值之后,所设置的元素就会扩大或缩小,高度宽度就会重新计算了,这里一旦改变zoom值时其实也会发生重新渲染,运用这个原理,也就解决了ie下子元素浮动时候父元素不随着自动扩大的问题。