码迷,mamicode.com
首页 > 其他好文 > 详细

伪选择器:after的清浮动简单效果

时间:2014-08-20 13:54:22      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   ar   div   代码   log   size   

:after的作用是在当前的应用元素后面添加内容

如div:after{

  content:"This is a demo"

}

还有就是清除浮动(参考代码):

<style>
    #box{border:2px solid #ccc;}
    .clear:after{content:‘‘;display:block;clear:both;}
    .box{width:200px;height:100px;background:red;float:left;}
</style>
</head>

<body>
    <div id="box">
        <div class="box"></div>
        <div class="clear"></div>
    </div>
</body>

 

伪选择器:after的清浮动简单效果,布布扣,bubuko.com

伪选择器:after的清浮动简单效果

标签:style   blog   color   ar   div   代码   log   size   

原文地址:http://www.cnblogs.com/hellome/p/3924318.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!