浮动的盒子可以设置margin的值,浮动元素产生了浮动流,所有产生的浮动流的元素,只有块级元素看不到他们。产生了bfc的元素和文本类属性(带inline)的元素以及文本都能看到浮动元素 。
1. (父级包住浮动流)给需要清除浮动流的元素 可以添加 clear:both ----------清除浮动
2. 利用伪元素清除浮动 (给父级::after{sontent:'';display:block;clear:both;})
凡事设置了position:absolute 和float:left/right 在
内部把元素转换成了inline-block 。
浮动一开始是用于文字环绕图片 。