您现在的位置是:网站首页>列表内容
浅谈CSS中的clear清除浮动清除css浮动的三种方法小结详解css清除浮动float的七种常用方法总结和兼容性处理浅谈css中浮动和清除浮动带来的影响CSS清除浮动方法小结详解CSS中zoom属性或overflow:auto属性清除浮动的作用关于清除浮动塌陷的几种方法总结CSS清除浮动的方法详解CSS浮动所差生的内容溢出问题及清除浮动的方法小结DIV+CSS 清除浮动常用方法总结Css实现清除浮动的方法汇总
2023-10-22 16:35:51 129人已围观
简介 下面小编就为大家带来一篇浅谈CSS中的clear清除浮动。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
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清除浮动就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
点击排行
- 全民切水果没网络能玩吗?全民切水果没有网络怎么办?_手机游戏_游戏攻略_
- doat2布狗信使怎么获得? doat2布狗信使好不好?_手机游戏_游戏攻略_
- 全民飞机大战熊卡主了怎么回事? 全民飞机大战安尼战熊卡死的如何解决?_手机游戏_游戏攻略_
- 天天炫斗鬼爪装备搭配技巧攻略 天天炫斗鬼爪属性怎么选择_手机游戏_游戏攻略_
- 天天飞车骨灰玩家教你跑高分技巧_手机游戏_游戏攻略_
- 全民打怪兽该账号已在别处登录问题怎么回事?全民打怪兽账号出问题怎么办?_手机游戏_游戏攻略_
- 天天炫斗三大角色加点方法介绍_手机游戏_游戏攻略_
- 全民打怪兽十连抽有哪些技巧和心得_手机游戏_游戏攻略_
- 雷霆战机破坏者Ⅳ打法介绍_手机游戏_游戏攻略_
本栏推荐
-
全民切水果没网络能玩吗?全民切水果没有网络怎么办?_手机游戏_游戏攻略_
-
doat2布狗信使怎么获得? doat2布狗信使好不好?_手机游戏_游戏攻略_
-
全民飞机大战熊卡主了怎么回事? 全民飞机大战安尼战熊卡死的如何解决?_手机游戏_游戏攻略_
-
天天炫斗鬼爪装备搭配技巧攻略 天天炫斗鬼爪属性怎么选择_手机游戏_游戏攻略_
-
天天飞车骨灰玩家教你跑高分技巧_手机游戏_游戏攻略_
-
全民打怪兽该账号已在别处登录问题怎么回事?全民打怪兽账号出问题怎么办?_手机游戏_游戏攻略_
-
天天炫斗三大角色加点方法介绍_手机游戏_游戏攻略_
-
全民打怪兽十连抽有哪些技巧和心得_手机游戏_游戏攻略_
-
雷霆战机破坏者Ⅳ打法介绍_手机游戏_游戏攻略_