文章目录
一、清除浮动需求 ( 没有设置高度的盒子且内部设置了浮动 )
二、清除浮动代码示例
一、清除浮动需求 ( 没有设置高度的盒子且内部设置了浮动 )
----
如果盒子没有设置高度 , 并且盒子中还设置了浮动..., 如上一篇博客 【CSS】课程网站 网格商品展示 模块制作 ② ( 网格商品展示盒子模型测量及样式 | 处理列表间隙导致意外换行问题 | 代码示例 ) 中绘制的如下模块 :
在上面的盒子中 , 没有设置高度.../
box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
}
之前的盒子都设置了高度 , 因此其中虽然设置了浮动 , 但不会影响到后续的页面布局 ;
上述模型中 , 没有设置高度...CSS】清除浮动 ④ ( 清除浮动 - 使用双伪元素清除浮动 | 代码示例 )
博客清除浮动 ;
使用
/* 清除浮动 - 使用双伪元素清除浮动 */
.clearfix:before,
.clearfix...-- 没有设置高度 内部有浮动 必须清除浮动 -->
<img src="images/pic.jpg