利用clearfix清除浮动

一般情况下我们会用clear:both来清除浮动。

我们通过举例来说明:

上边的代码,想要清除浮动,我们需要在div盒子里添加一个div带有clear:both的样式,如下:

上述方法虽然清除浮动,但是会增加代码,现在我们在css增加一个clearfix样式来实现,在你的css中添加如下代码:

然后在盒子中直接调用即可,如下:

记住,clearfix的位置,是添加到外边的盒子里,既父元素。

飞鱼

发表评论

电子邮件地址不会被公开。 必填项已用*标注