目的:实现文字环绕 属性值:
left 浮动到父元素内部的左侧
right 浮动到父元素内部的右侧
默认值为 none
浮动的特性:
包裹性
破坏性
浮动的设置对象:
图片
其他元素(比如div元素设置的方块),注意:浮动的元素会脱离正常文档流,解决方法为使用clear属性清除浮动
清除浮动
不常用的方式:多加一个p元素,只为了清除浮动
p{
clear:both
}
常用的方式:给父元素加入伪类 after,样式如下
.g-container:after{
content:"";
clear:both;
display:block;
}