码迷,mamicode.com
首页 > 其他好文 > 详细

消除float浮动的影响

时间:2018-05-26 17:52:24      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:nbsp   不能   one   浮动   图片   边框   技术分享   color   css样式   

 

一、

在父元素中当前浮动元素下面添加一个空的div 添加clear属性

<div style="displya:none;clear: left;"></div>

 

1、clear语法:

clear : none | left|right| both

2、clear参数值说明:
none :  允许两边都可以有浮动对象
both :  不允许有浮动对象
left :  不允许左边有浮动对象
right :  不允许右边有浮动对象

3、clear解释:
该属性的值指出了不允许有浮动对象的边情况,又对象左边不允许有浮动、右边不允许有浮动、不允许有浮动对象。

4、css结构
div{clear:left}
div{clear:right}
div{clear:both}

二、div clear常用地方
我们常常用于使用了float css样式后产生浮动,最常用是使用clear:both清除浮动。比如一个大对象内有2个小对象使用了css float样式为了避免产生浮动,大对象背景或边框不能正确显示,这个时候我们就需要clear:both清除浮动。

 

技术分享图片

消除float浮动的影响

标签:nbsp   不能   one   浮动   图片   边框   技术分享   color   css样式   

原文地址:https://www.cnblogs.com/cralor/p/9093571.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!