码迷,mamicode.com
首页 > Web开发 > 详细

css中的盒子模型

时间:2019-11-05 21:17:21      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:order   版权   art   边框   das   不兼容   版本不兼容   解决   type   

1.定义:一个盒子由外到内可以分成四个部分:margin(外边距)、border(边框)、padding(内边距)、content(内容);

技术图片

 

2.浏览器兼容问题:

根据 W3C 的规范,元素内容占据的空间是由 width 属性设置的,而内容周围的 padding 和 border 值是另外计算的。不幸的是,

IE5.X 和 6 在怪异模式中使用自己的非标准模型。这些浏览器的 width 属性不是内容的宽度,而是内容、内边距和边框的宽度的总和。

解决方法:虽然有方法解决这个问题。但是目前最好的解决方案是回避这个问题。也就是,不要给元素添加具有指定宽度的内边距,而是尝试将内边距或外边距添加到元素的父元素和子元素。

IE8 及更早IE版本不支持 填充的宽度和边框的宽度属性设。解决IE8及更早版本不兼容问题可以在HTML页面声明 <!DOCTYPE html>即可。

————————————————
版权声明:本文为CSDN博主「叶汉伟」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_34966814/article/details/82872971

css中的盒子模型

标签:order   版权   art   边框   das   不兼容   版本不兼容   解决   type   

原文地址:https://www.cnblogs.com/ympjsc/p/11801487.html

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