box-sizing:border-box 作用

元素的盒子模型，在ie和其他浏览器，表现并不一致，

box-sizing:border-box，可以让盒子模型表现一致， 

设置该属性后， 元素的 总长度 =border-left+ padding-left +content+ pading-right+boder-right;

无论是否设置该属性，margin不会影响元素的总长度,

 

posted @   天堂花草  阅读(147)  评论(0)  编辑  收藏  举报
相关博文：
·  padding-bottom与img的关系
·  vue 中同一个页面中 ，在一个全局放大图片组件，多次操作放大后，另一个组件表单元素不可编辑
·  请说说*{box-sizing: border-box;}的作用及好处有哪些？
·  box-sizing:border-box
·  box-sizing属性的理解
阅读排行：
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 零经验选手，Compose 一天开发一款小游戏！
· 一起来玩mcp_server_sqlite，让AI帮你做增删改查！！
点击右上角即可分享
微信分享提示