如何让box-sizing 在div内失效
box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。
例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。
语法：box-sizing: content-box|border-box|inherit;
你要在那一层级上写box-sizing，是的上一层不，你在上一层写，下一层不继承的
你想要写的是内边框的
border-box在html里是什么意思
border-box这是一个属性值，属性是box-sizing.
css3 box-sizing属性
box-sizing属性可以为三个值之一：content-box（default），border-box，padding-box。
content-box，border和padding不计算入width之内
padding-box，padding计算入width内
border-box，border和padding计算入width之内，其实就是怪异模式了~
ie8+浏览器支持content-box和border-box；
ff则支持全部三个值。
如果一个div 不定义box-sizing 他的默认值是不是content-box
语法
box-sizing：content-box | border-box
默认值：content-box
1. content-box：
padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding以及margin之和，即 ( Element width = width + border + padding+margin )
此属性表现为标准模式下的盒模型。
2. border-box：
padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的width值，即使定义有border和padding也不会改变对象的实际宽度，即 ( Element width = width )
此属性表现为怪异模式下的盒模型。
CSS的border属性加上后，为什么会无缘由的增加DIV块的大小呢？
是因为一个css设置：box-sizing
默认是content-box，实际width=设置width+边框+间距，而在border-box下，宽度设置好，边框和间距会自动调整宽度，满足设置的值。
语法
box-sizing：content-box | border-box
默认值：content-box
取值
content-box：
padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding以及margin之和，即 ( Element width = width + border + padding+margin )
此属性表现为标准模式下的盒模型。
border-box：
padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的width值，即使定义有border和padding也不会改变对象的实际宽度，即 ( Element width = width )
参考百度百科：http://baike.baidu.com/link?url=gAYu8r1bOOTURx9cwRl_ltLeEisHwww-TWvOxngNc5gWS_bCl0pE869koc1s2xGVISwuOObHYNWa3Gy0FQYBuq
CSS box-sizing 属性为什么没有 margin-box
box-sizing出现是border-box有强烈的需求，在许多场合也更符合大多数人对于sizing的直觉。但margin-box其实很少人会这样理解sizing。
stackoverflow这个提问者的需求改用border和border-box，或者用calc函数，或者改用flexbox等都可以达成，且可能更符合直觉。况且margin存在collaspe和负值，如果要引入margin-box，会有点复杂，理解成本估计比前面的那些方式都要高。
如何让div的border不占宽度
让div的border不占宽度按以下步骤进行：1，创建一个新的html文件。2，介绍jquery.min.js文件。3，创建HTML内容。4，预览效果如图所示。5，使用jquery创建一个click事件。6，单击时弹出div的宽度。7，单击弹出效果所示的预览效果允许div的边框不占据宽度。扩展资料： 标签定义 HTML 文档中的分隔或部分。div属于web前端的学习内容，其中 标签常用于组合块级元素，以便通过样式表来对这些元素进行格式化。 可定义文档中的分区或节。 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记 ，那么该标签的作用会变得更加有效。当使用 CSS-P 的时候， 主要把它用在 DIV（division）tag 上。当把文字，图像，或其他的放在 DIV 中，它可称作为“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“layer”。所以把它称作“层次”。所以当看到这些名词的时候，就知道它们是指一段在 DIV 中的 HTML。使用 DIV 的方法跟使用其他 tag 的方法一样：如果单独使用 DIV 而不加任何 CSS-P, 那么它在网页中的效果和不使用是一样的。但当把 CSS-P 用到 DIV 中去以后，就可以严格设定它的位置。首先需要给这个可以被 CSS-P 控制的 DIV 一个 ID 或说是它的名字。比如说给这个 DIV 的名字是 truck。给名字的目的是以后可用JavaScript来控制它， 比如说移动它或改变它的一些性质等等。参考资料：百度百科-DIV
