浮动和清除浮动
Posted 菜鸟婷婷
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了浮动和清除浮动相关的知识,希望对你有一定的参考价值。
浮动:
1.会脱离标准文档流;
2.浮动元素会紧靠(设置统一方向的话);
3.脱标后文字会围绕在脱标元素四周;
4.行内元素脱标后将具有完整的盒子,也就是说可以设置行高和padding值;
清除浮动常用的几种方法:
1.父元素设置行高;
2.隔墙法:父元素最后添加一个div,设为clear;clear{
clear:both
};
3.伪元素的使用:
clearfix after{
content:“”;
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
zoom:1;
}------------------为了兼容ie6.ie7----------------
以上是关于浮动和清除浮动的主要内容,如果未能解决你的问题,请参考以下文章