CSS clear清除浮动

CSS clear清除浮动1、CSS中的clear有四个参数:none:允许两边都可以浮动。left:不允许左边有浮动。right:不允许右边有浮动。both(默认);不允许有浮动。2、一开始在CSS中clear浮动是默认both,也就是说一开始不能有浮动的。3、使用的案例:假设我清除第三个DIV的浮动<

大家好,欢迎来到IT知识分享网。

1、CSS中的clear有四个参数:

  none:允许两边都可以浮动。

      left:不允许左边有浮动。

      right:不允许右边有浮动。

      both(默认);不允许有浮动。

2、一开始在CSS中clear浮动是默认both,也就是说一开始不能有浮动的。

3、使用的案例:假设我清除第三个DIV的浮动

<style type=”text/css”>
div{
border:1px solid red;
float:left;
clear:none;
}
#msg_Div{
width:600px;
height:600px;
}
.one{
width:100px;
height:90px;
}
.two{
width:100px;
height:90px;
}
.three{
width:100px;
height:90px;
clear:left;
}
.four{
width:100px;
height:90px;
}
.five{
width:100px;
height:90px;
}
</style>

 

<body>
<div id=”msg_Div”>
<div class=”one”></div>
<div class=”two”></div>
<div class=”three”></div>
<div class=”four”></div>
<div class=”five”></div>
</div>
</body>

效果:

   CSS clear清除浮动

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/32709.html

(0)
上一篇 2023-11-30 08:45
下一篇 2023-11-30 17:45

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信