浮动与清除
上一节
下一节
本课要点:
浮动(float)是CSS样式中有关布局的属性,在网页排版中使用频率非常高。它可以使块元素排列在同一行。像下面这个排版效果中,图片在段落的左侧,就是用float属性实现的。

下面大家观看下面的微课:
一、浮动(float)
浮动(float)是指应用该属性的元素会脱离当前文本流向左或向右移动,直到它的外边缘碰到父级元素的包含框或另一个浮动框的边框才会停止。





小结:某个容器被赋予浮动属性后,页面其他元素的位置会相互影响
二、清除浮动
为了使浮动元素不影响跟随其后的块级元素,必须及时清除浮动。
清除浮动的三种方法:



