江苏龙网

  1. 首页 > 生活 > >

CSS中添加啥属性，可以使padding不影响整体大小

都知道是盒子模型，应该很好找。但我百度了一下“css 盒模型”，发现开头的几篇文章只是理论解释，比较长，也比较难找到答案。但是google第一个结果就有答案了CSS - box-sizing果然google好，尤其是技术问题
■网友
添加box-sizing:border-box，容器内子元素增加padding,border，容器宽度都不会被撑开。或者是在容器里边添加一个无用的div块标签，不指定宽度高度，也是可以的
■网友
-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/注意：box-sizing属性是CSS3的属性，IE低版本不支持，注意兼容性
■网友
box-sizing:border-box;参考http://www.w3cplus.com/content/css3-box-sizing
■网友
box-sizing：border-box
■网友
多谢楼上的方法。这个方法虽然很笨，但的确是简单暴力有效的方法。根据我的经验，有两种情况子元素的外盒一定在父元素的内盒之内。第一种是设定了父元素width的百分比，第二种是设定了父元素样式的float属性（left或者right可以，none不行）。补充一下：CSS的float很有意思，有时间的前端开发工程师都应该研究一下。有一件事情就比较奇怪：例如我有3个元素都设为float，当元素3既可以浮动到1的右边，也可以浮动到2的右边时，浏览器会判定浮动到2的右边，而不是我们直觉中的，浮动到第一个可以适配的位置。。。
■网友
【CSS中添加啥属性，可以使padding不影响整体大小】 1

■网友
我有个疑问 ： 既然padding 会把div 撑大 那么设置div的宽高还有什么意义呢 具体来说 比如你设置了div的宽高为200px 但是 加入了padding之后 这个盒子最终的大小肯定不是200X200的了啊 那么之前设置的200X200岂不是毫无意义？？


    推荐阅读


    上一篇：鱼人和娜迦都是艾泽拉斯海洋中庞大的种族，两个种族为啥没有爆发过战争

    下一篇：c语言向文件写入名字和成绩组成的结构体为啥只有成绩出现了烫