文章目录
一、清除浮动需求 ( 没有设置高度的盒子且内部设置了浮动 )
二、清除浮动代码示例
一、清除浮动需求 ( 没有设置高度的盒子且内部设置了浮动 )
----
如果盒子没有设置高度 , 并且盒子中还设置了浮动...*/
box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
}
之前的盒子都设置了高度 , 因此其中虽然设置了浮动 , 但不会影响到后续的页面布局 ;
上述模型中 ,...没有设置高度 , 并且设置了浮动 , 如果不清除浮动 , 后续排列都会出现问题 ;
参考
【CSS】清除浮动 ③ ( 清除浮动 - 使用 after 伪元素 | 语法简介 | 兼容低版本浏览器 | 原理分析...;
清除浮动时 , 给要清除浮动的 父容器 , 设置 clearfix 样式 ;
二、清除浮动代码示例
----
首先 , 在 CSS 样式中 , 定义 使用双伪元素清除浮动 的样式 ;
/* 清除浮动...-- 没有设置高度 内部有浮动 必须清除浮动 -->
<img src="images/pic.jpg