首页 > 其他 > 详细

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

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

: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的清浮动简单效果

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!