3月19号一浮动学习心得

学习心得
浮动样式：脱离标准文档流
（1）缘由：实现文本环绕的效果
（2）布局位置：
从左到右：float:left;
从右到左：float:right;

（2）好处：不会产生解析空格，默认顶端对齐，并且同排显示
注意：布局不要指局限于当前所学的
（3）浮动延申：解决父级塌陷问题：
1）让父级BFC化，即给父级设置：
overflow:hidden;
display:inline-block;
float:left;
position:absolute;
2）使用幽灵元素来清除浮动：手动撑开父元素的高度：clear:both;（直接添加一个标签）
或者使用伪元素，必须有content
格式：父级：：after{
cintent:“”；
display:block;
}
3）给父级设置一个固定的高低
（3）行内元素设置浮动