一、 浮动带来的问题

体验感拉满。 嘿嘿，学过div+css的小伙伴们，肯定dou知道定位、浮动、盒子模型这些东西hen重要啦！dan是呢，hen多刚开始学CSS的小朋友们，hen容易被浮动这个家伙搞得头dou大了。有时候，我们就会听到小伙伴们问：“哎呀，为什么我把ul里的lidou往左边飘了后来啊ul就没有背景了呢？”今天我就来给大家说说怎么用ul和li来清除浮动这个问题。

二、 清除浮动的方法

哎呀，你们kan，如guo我们给ul加上1像素的边框，就会发现ul原来的大块背景变成了细细的一条线，这就是浮动带来的问题啦。 是吧？ 其实解决这个问题的方法hen简单，只要几个小属性就Neng搞定。下面是源码哦：

/* 清除浮动的方法 */
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

标签：成dou网站建设、 成dou网站设计、浮动，不堪入目。

三、清除浮动的技巧

哎呀，清除浮动这个小技巧，其实hen简单。我们可yi在ul后面加上一个空元素，ran后给它一个类名叫Zuo“clearfix”，这样就Neng清除浮动啦。源码如下：，绝绝子...

/* 使用空元素清除浮动 */

    
这是一个列表项
    
这是另一个列表项

哇塞，清除浮动这个小问题，其实也没有那么难嘛。只要我们掌握了正确的方法，就Neng轻松解决啦。希望这篇文章Neng帮助到大家，让大家在网页设计中geng加得心应手，什么鬼？！

成dou网站建设公司_创新互联， 为您提供商城网站、Google、动态网站、小程序开发、定制开发、云服务器。