最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

详解CSS中的clear清除浮动技巧

来源:懂视网 责编:小OO 时间:2020-11-27 18:52:43
文档

详解CSS中的clear清除浮动技巧

1、CSS中的clear有四个参数。none:允许两边都可以浮动。left:不允许左边有浮动。right:不允许右边有浮动。both(默认);不允许有浮动。2、一开始在CSS中clear浮动是默认both,也就是说一开始不能有浮动的。3、使用的案例:假设我清除第三个p的浮动。
推荐度:
导读1、CSS中的clear有四个参数。none:允许两边都可以浮动。left:不允许左边有浮动。right:不允许右边有浮动。both(默认);不允许有浮动。2、一开始在CSS中clear浮动是默认both,也就是说一开始不能有浮动的。3、使用的案例:假设我清除第三个p的浮动。
下面小编就为大家带来一篇详解CSS中的clear清除浮动技巧。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

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

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

left:不允许左边有浮动。

right:不允许右边有浮动。

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

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

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

<style type="text/css">
p{ 
border:1px solid red; 
float:left; 
clear:none; 
} 
#msg_p{ 
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>
<p id="msg_p">
<p class="one"></p>
<p class="two"></p>
<p class="three"></p>
<p class="four"></p>
<p class="five"></p>
</p>
</body>

效果:

   详解CSS中的clear清除浮动技巧

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

详解CSS中的clear清除浮动技巧

1、CSS中的clear有四个参数。none:允许两边都可以浮动。left:不允许左边有浮动。right:不允许右边有浮动。both(默认);不允许有浮动。2、一开始在CSS中clear浮动是默认both,也就是说一开始不能有浮动的。3、使用的案例:假设我清除第三个p的浮动。
推荐度:
标签: 技巧 清除 详解
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top