少用float浮动?
2024-09-01 18:49:51
在css中,float 属性定义元素在哪个方向浮动。也是我在css样式中常用到的属性,后来浏览了一些公司项目代码,发现float属性极少有人使用。随后做了一些调查和研究:
1、在ie6以下,float可能会造成兼容性问题,促使浮动方向的margin值会变成原来的两倍(margin加倍问题)。
2、使用float,可能会造成左右元素错位的问题。(在float浮动之后添加clear,clear:both;/*清除全部浮动*/clear:left;/*清除左侧浮动*/clear:right;/*清除右侧浮动*/)
3、对移动端性能优化来说,不要滥用float。float在渲染时计算量比较大。
解决方法:
使用display,position属性代替
1、根据不同需要,使用不同的css属性替代,例如:li分类排列,可以使用display:inline 等等
2、position 属性规定元素的定位类型。通过定位,来实现你需要的布局。
以上纯属个人见解,如有不同见解,欢迎提取意见!
最新文章
- HANS123
- 将long型转换为多少MB的方法
- modernizr.js
- socket.io问题,io.sockets.manager.rooms和io.sockets.clients('particular room')这两个函数怎么用?
- apt软件包管理
- centos搭建zabbix
- android监听键盘
- 从零开始写驱动——vfd专用驱动芯片HT16514并行驱动程序编写
- git add --all 为啥不能添加空文件夹,这样设计的初衷是
- poj 3414 Pots (bfs+线索)
- NSURLSession使用, 后台下载
- Codeforces 1015F Bracket Substring AC自动机 + dp
- ubuntu 1604安装docker-ce 记录
- 简单的linux使用命令
- GridView设置焦点到Cell
- CentOS7升级默认内核
- RIPng 配置
- curl get请求添加header头信息
- python全栈开发day13-迭代器、生成器、列表推导式等
- layer弹窗插件自带自写经验