博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS clear清除浮动
阅读量:7240 次
发布时间:2019-06-29

本文共 682 字,大约阅读时间需要 2 分钟。

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>

效果:

   

转载于:https://www.cnblogs.com/yichjin/p/5562414.html

你可能感兴趣的文章
sqlserver如何添加全文索引
查看>>
UVALive - 4960 Sensor network(生成树+LCA)
查看>>
IIS与asp.net管道
查看>>
poj 2585 Window Pains 暴力枚举排列
查看>>
[ACM] ZOJ 3725 Painting Storages (DP计数+组合)
查看>>
Java:String和Date、Timestamp之间的转换
查看>>
Android自己定义实现循环滚轮控件WheelView
查看>>
新eclipse 打开就版本的工作空间提示:
查看>>
1250 Fibonacci数列
查看>>
activiti自己定义流程之整合(三):整合自己定义表单创建模型
查看>>
Tomcat 文件夹结构
查看>>
myeclipse集成maven
查看>>
数据结构精要------冒泡与直接排序算法
查看>>
python中将图片从客户端(client)推到(POST)到服务器端(server)的方法
查看>>
落地生根两周年,微软Azure进入2.0时代
查看>>
数据挖掘之分类算法---knn算法(有matlab样例)
查看>>
BEGINNING SHAREPOINT&#174; 2013 DEVELOPMENT 第13章节--使用业务连接服务创建业务线解决方式 SP Apps中的BCS...
查看>>
jquery获取第一层li
查看>>
.NET Core 2.0迁移技巧之web.config配置文件
查看>>
motion程序的移植和安装【转】
查看>>