浮动塌陷-白红宇的个人博客

浮动塌陷

发布日期：2021-08-19 21:45:32 浏览次数：11 分类：技术文章

本文共 645 字，大约阅读时间需要 2 分钟。

　　使用浮动(float)的一个比较疑惑的事情是他们怎么影响包含他们的父元素的。如果父元素只包含浮动元素，且父元素未设置高度和宽度的时候。那么它的高度就会塌缩为零。如果父元素不包含任何的可见背景，这个问题会很难被注意到，但是这是一个很重要的问题。在这里我们可以称为“塌陷”。如下图：

　　解决塌陷有以下三种方法：

一、在使用float元素的父元素结束前加一个高为0宽为0且有clear:both样式的div

    
         Title

二、在使用float元素的父元素添加overflow:hidden;

    
         Title

三、after，所谓after，就是指标签的最后一个子元素的后面。

    
         Title

转载于:https://www.cnblogs.com/zzjeny/p/5598342.html

转载地址：https://blog.csdn.net/weixin_30955341/article/details/96173843 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！

上一篇：面试复习准备

下一篇：信息平台自动发送生日祝福

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！