全局设置border-box
2024-08-31 04:54:02
全局设置 border-box 很好,更符合我们通常对一个「盒子」尺寸的认知。,其次它可以省去一次又一次的加加减减,它还有一个关键作用——让有边框的盒子正常使用百分比宽度。但是使用了 border-box 可能会与一些依赖默认 box-sizing 的库冲突,不过这种问题大多数时候可以通过把交由这些库处理的块的 box-sizing 设置回 content-box 来解决。
推荐写法是:
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
(出自 Inheriting box-sizing Probably Slightly Better Best-Practice)
选择器 * 无法覆盖到伪元素,所以需要给 :before 和 :after 分别设置。而通过继承的方式应用到所有元素,需要时可以方便的设置某个元素及其后代元素的 box-sizing 回 content-box。
最新文章
- C#手工注入辅助工具
- mysql max_allowed_packet查询和修改
- 输出单向链表中倒数第k个结点
- C++模板元编程
- hdu 4946 Just a Joke(数学+物理)
- struts2.1笔记03:AOP编程和拦截器概念的简介
- 对String的一点了解
- cocos2d-x 纹理深入研究
- UML_时序图画法
- 高性能 Socket 组件 HP-Socket v3.2.1-RC4 公布
- hdu1054 树状dp
- JAVA实用案例之邮件发送
- hadoop的webUI查看Live Nodes为1
- [转]python 模块 chardet下载及介绍
- android开发要避免的那些坑
- Python调用ansible API系列(一)获取资产信息
- Linux中设置别名
- MyBatis - 2.全局文件配置
- hust 1010 The Minimum Length(循环节)【KMP】
- Windows2008 r2 x64下安装FTP工具File Zilla server报错:could not load tls libraries filezilla
热门文章
- 【vue】vue中实现标签页
- Luogu P2068 统计和
- windows桌面远程工具连接Ubuntu
- Spring MVC-集成(Integration)-生成RSS源示例(转载实践)
- NGINX Web Server Nginx web server
- HDU 4183 Pahom on Water(最大流SAP)
- 分享微软官方Demo用的SharePoint 2010, Exchange 2010, Lync 2010虚拟机
- Java 构造时成员初始化的陷阱
- Android之自己定义(上方标题随ViewPager手势慢慢滑动)
- 对扩展openflow协议的一点思考