首页 > 开发 > CSS > 正文

浅谈CSS中的clear清除浮动

2024-07-11 08:32:53

字体：大中小

来源：转载

供稿：网友

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

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

left：不允许左边有浮动。

right：不允许右边有浮动。

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

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

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

XML/HTML Code复制内容到剪贴板

<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清除浮动就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持错新站长站。

上一篇：浅析css3中matrix函数的使用

下一篇：CSS在固定宽高的div内实现垂直居中的实例详解

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遗憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 妈妈：高考虽重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回应是否会直播带货：有人出100万想和他合作！

2024-06-25 19:29:23

名校抢人名场面：清华、北大太拼了！

2024-06-25 19:22:14

男生高考语文满分！网友：第一次听说

2024-06-25 19:19:15

疑难解答

图片精选

网友关注