首页 > 其他 > 详细

子类div不在父类div中,需清楚浮动, 清除浮动的两种方法

时间:2015-11-16 22:34:15      阅读:654      评论:0      收藏:0      [点我收藏+]

1. overfloat: hidden

css代码:

<style type="text/css">
#box {
    border: 10px solid #616161;
    overflow: hidden;         /* overflow: hidden add to parent can clear float*/
}

#content {
    float: right;
    width: 600px;
    height: 600px;
    border: 5px solid #400000;
    width: 600px;
}
</style>

 

HTML,div代码:

<div id="box">
        <div id="content"></div>
</div>

 

2. clear: both

css代码:

<style type="text/css">
#box {
    border: 10px solid #616161;
}

#content {
    float: right;
    width: 600px;
    height: 600px;
    border: 5px solid #400000;
    width: 600px;
}

.clearb {
    clear: both; /*clear: both add to the last sibling can clear float*/
}
</style>

HTML,div代码:

<div id="box">
        <div id="content"></div>

          <div class="clearb"></div>
</div>

 

子类div不在父类div中,需清楚浮动, 清除浮动的两种方法

原文:http://www.cnblogs.com/Super0206/p/4970090.html

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