多看多学多练

你理解错了，padding-left和padding-right值可以不一样

应该是变得很大的意思吧

padding:70px->80px,加10px是因为，这个值是上下均匀分配的，也就是上下均匀加了5px，也就是10px了.

这个插件会在后续的升级版中修复这个问题。是oDrag.offsetWidth而不是oDrag.clientWidth吧？

好的好的

box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。

border-box：

padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的width值，即使定义有border和padding也不会改变对象的实际宽度，即 ( Element width = width )

此属性表现为怪异模式下的盒模型。

你可以理解为：为box-sizing这个属性设置了border-box后 就相当于将区域的宽度给固定死了，不管内容怎么变 宽度始终不变；

注：个人理解  如有误  希望谅解

就是padding值很大的时候

都是inline元素  满足后来者居上的原则

为什么这么说，是因为这个兼容性不好，我做了这么多网页都没用这个方法

（1）padding设置了三个值 分别代表上 左右 下 边距像素;

左右边距像素之和为12px, 设置border-left 属性后，分割线处于padding盒子最左侧；

所以用margin-left属性，使分割线距左侧有12个像素的距离，从而达到处于中间的目的。

（2）不可以使用margin左右各6px,

加了padding属性后，分割线距左侧0像素，距右侧12个像素；

加上margin属性后，padding盒子的左右 距离外围各加了6个像素，就是说分割线距离左侧有6像素，距离右侧有18个像素，所以不会处于中间。

慕课有的视频挺好的

现在好了，刚才好像是看不了视频

margin-left:2px solid red;中2px 是指左边框的宽度，不是距离

因为都是inline元素  满足后来者居上的原则，看了Z-index就理解了

padding会撑大盒模型

你按绝对定位元素的思路去理解，如果位置重叠且前后元素层级相同，那么后面的元素默认会覆盖在前面元素之上。

虽然，这里并未对三个元素进行绝对定位，但是默认的也是有z-index属性的，只不过是auto。三个元素均为auto，那么自然就会后者覆盖前者了。详细的可以参考下老师的z-index的相关课程，里面对层叠顺序进行说明。

        7阶层叠水平（stacking level）从低到高依次如下：

             层叠上下文（background/border）

             负z-index

             block块状水平盒子

             float浮动盒子

             inline/inline-block水平盒子

             z-index:auto或看成z-index:0

             正z-index