消除float浮动的影响
2024-09-10 16:01:24
一、
在父元素中当前浮动元素下面添加一个空的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清除浮动。
最新文章
- AngularJS 动画
- T-Sql(五)xml操作
- Sublime Text 3 编辑器使用
- sql语句执行插入后返回ID
- Adobe Flash CC 安装报错的解决办法
- Java 面向对象编程——第一章 初识Java
- C#_MySql 主从复制
- UGUI穿透3D世界判断&;&;UGUI全事件监听
- linux下笔记本有线网卡";未受管理";
- OC分类(Category)
- Spring 组成
- 2017-11-22 Intall Ubuntu Log
- Android简易实战教程--第四十二话《Spinner下拉级联效果》
- Winform中Picture控件图片的拖拽显示
- Java 中的几个算法
- 将JSON数据转换成JAVA的实体类
- 一个vue请求接口渲染页面的例子
- chrome使用技巧(转)
- 在ASP.NET MVC中使用Knockout实践04,控制View Model的json格式内容
- Spark 编程模型(上)