开发者社区> 问答> 正文

为什么会出现浮动和什么时候需要清除浮动?清除浮动的方式?

已解决

为什么会出现浮动和什么时候需要清除浮动?清除浮动的方式?

展开
收起
pandacats 2019-12-10 15:15:46 967 0
1 条回答
写回答
取消 提交回答
  • 采纳回答

    浮动元素碰到包含它的边框或者浮动元素的边框停留。由于浮动元素不在文档流中,所以文档流的块框表现得就像浮动框不存在一样。浮动元素会漂浮在文档流的块框上。 浮动带来的问题:

    父元素的高度无法被撑开,影响与父元素同级的元素

    与浮动元素同级的非浮动元素(内联元素)会跟随其后

    若非第一个元素浮动,则该元素之前的元素也需要浮动,否则会影响页面显示的结构。

    清除浮动的方式:

    父级div定义height

    最后一个浮动元素后加空div标签 并添加样式clear:both。

    包含浮动元素的父标签添加样式overflow为hidden或auto。

    父级div定义zoom

    2019-12-10 15:15:57
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载