css清楚浮动

作者:赵金添 分类: 前端 发布于:2014-2-7 14:50 ė1273次浏览 60条评论
<style>
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}
.clearfix {
    zoom: 1;
}

.outer-div { width:200px; background:red; }
.inner-div { display:inline; float:left; width:80px; height:80px; margin:10px; background:blue; }
</style>

<div class="outer-div clearfix">
<div class="inner-div"></div>
    <div class="inner-div"></div>
</div>

本文出自 赵金添的前端博客@福州软件外包公司,转载时请注明出处及相应链接。

0
分享本文至:

发表评论

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


Ɣ回顶部