对于block元素,padding值设置大于盒子宽度,一定会影响元素尺寸_百度...
1、在一般情况下，你说的都是对的，因为按css1的标准，block元素的宽（width）和高（height）是指元素实际内容（不包括内边距和边框的宽度）的宽和高，因此如果加了padding或border，整个盒子的尺寸就会被撑大。
2、假如说padding对宽度无影响，那么width是10px；但是padding在横向的宽度是20px；这样内边距padding总宽width。一个元素的内边距却大于这个元素的总宽，显然这是个悖论。所以说作为内边距的padding是一定要加在宽度之上的。
3、.元素尺寸由内部元素决定，会永远小于“包含块”容器的尺寸。对于一个元素如果display：inline-block，那么即使里面内容再多，只要是正常文本，宽度也不会超过容器 2 .Button元素，按钮就是最具代表性的inline-block元素。
4、margin（外边距）：设置元素与相邻元素之间的距离。外边距会在元素周围创建一定的空白区域，影响元素的实际尺寸。 box-sizing（盒子模型）：控制元素的盒子模型计算方式。
5、内容扩展：设置了`padding`后，元素内容所占据的空间就变大了，如果不对`width`进行调整，`padding`会撑开盒子，并且`padding`值越大，撑开效果越显著。
盒子模型的尺寸是怎么确定的?
1、简单包装：对于这种包装，盒子的尺寸主要是根据瓶子的周长和高来确定的。盒子的高度一般是瓶子的高度加上一定的预留空间，盒子的宽度则根据瓶子的直径加上一定的预留空间来确定的。
2、标准的盒子模型的大小是：content(区域内容大小)+margin(外边距)；注：怪异盒子的初始设置宽高大小包含padding、border大小在内，但不包含margin的大小。
3、王牌化身中娃的包装盒子尺寸应该是根据产品的尺寸和形状来确定的。一般来说，包装盒子应该能够完整地容纳产品，并且留出一定的空间来保护产品不受损坏。此外，包装盒子的尺寸也应该符合运输和存储的要求，方便搬运和摆放。
4、看不懂你的表述。什么叫“2个高”“长度是120”？那520和260是什么？一般长方形盒子外形尺寸就是 a * b * c 这样说的。那就一块块算呀！有的有2块一样的就×2 。
5、总宽度 = 宽度（width：内容区宽度）+ pdding + border css3新增box-sizing属性。当box-sizing设置为border-box时，总宽度 = 宽度（width）= 内容区宽度 + padding + border 。
默认情况下,如何计算css盒子模型幅面大小?
1、margin（外边距）：设置元素与相邻元素之间的距离。外边距会在元素周围创建一定的空白区域，影响元素的实际尺寸。 box-sizing（盒子模型）：控制元素的盒子模型计算方式。
2、总宽度 = 宽度（width）= 内容区宽度 + padding + border 。box-sizing默认取值：centent-box，盒标准与CSS2中的一致。
3、标准盒模型中width指的是内容区域content的宽度；height指的是内容区域content的高度。
4、盒子模型有两种计算方式，区别在于盒子的width和height的值是怎么计算得到的。可以通过CSS的box-sizing来控制盒子模型的计算方式。
div盒子究竟占多大面积_html/css_WEB-ITnose
1、个CSS像素所占屏幕的物理尺寸是一样大的长度单位rem是相对于html标签的font-size（字体尺寸）的。例如html标签设置font-size：36px，同时div设置width：2rem。
2、方法一：float+margin 思路：左边浮动，右边加上一个margin-left值，即可实现左边固定，右边自适应布局。
3、有很多开发者可能误以为如果不设定div的宽度就可以实现宽度随内容自适应，其实这是错误的，因为在默认状态下，div的宽度值是百分之百，也就是会占满整个父元素宽度。
关于css盒子边框、内边距、外边距
内边距对盒子大小的影响：解决方案：如果保证盒子跟效果图大小保持一致，则让 width/height 减去多出来的内边距大小即可。margin 属性用于设置外边距，即控制盒子和盒子之间的距离。
边框区域：代表盒子的边框，是内间距区域和外边距区域的边界，由 border属性设置。外边距区域：代表此盒子的边框与相邻的其他盒子边框之间的距离，由 margin 属性设置。
padding（内边距）：设置元素内容与边框之间的距离。添加内边距会增加元素的实际尺寸。 border（边框）：设置元素的边框样式、宽度和颜色。边框也会占据一定的宽度和高度。