前端培训技术如何清除浮动

清除浮动是我们开发过程中经常使用的方法，主要的作用就是为了避免父元素的高度塌陷问题，一般当一个盒子的子元素浮动后，父元素的高度会塌陷。在css中给父元素添加伪元素即可清除，代码：

方法1：

#test{clear:both;}

#test为浮动元素的下一个兄弟元素

方法2：

#test{display:block;zoom:1;overflow:hidden;}

#test为浮动元素的父元素。zoom:1也可以替换为固定的width或height

方法3：

#test{zoom:1;}#test:after{display:block;clear:both;visibility:hidden;height:0;content:”;}

#test为浮动元素的父元素

想要了解跟多关于前端培训课程内容欢迎关注尚硅谷前端培训，尚硅谷除了这些技术文章外还有免费的高质量前端培训课程视频供广大学员下载学习

上一篇: 前端培训技术如何使连续的长字符串自动换行
下一篇: 前端培训技术实现鼠标指针的光标形状为手型