目标大纲 一.语法声明 二.属性值说明 三.浏览器的兼容性 说明IE8及以上版本支持该属性，Firefox 需要加上浏览器厂商前缀-moz-，对于低版本的IOS和Android浏览器也需要加上-webkit- 测试代码 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <m ...
分类：
其他好文 时间：
2016-11-04 01:31:42
阅读次数：
233
定义和用法 box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。 例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。 语法 box-sizing: cont ...
分类：
Web程序 时间：
2016-11-02 20:20:27
阅读次数：
244
使用 :not() 在菜单上应用/取消应用边框 给body添加行高 所有一切都垂直居中 逗号分隔的列表 使用负的 nth-child 选择项目 对图标使用SVG 优化显示文本 对纯CSS滑块使用 max-height 继承 box-sizing 表格单元格等宽 用Flexbox摆脱外边距的各种hac ...
分类：
Web程序 时间：
2016-10-20 21:22:17
阅读次数：
191
1.white-space：描述如何处理元素中空格。初始值normal，适用于所有元素，有继承性。取值为normal | nowrap | pre | pre-wrap | pre-line； 2.考试的时候遇见的 <div>文本</div>//CSS div{ box-sizing:border- ...
分类：
其他好文 时间：
2016-10-17 13:17:35
阅读次数：
168
1.在低于IE8版本的浏览器中，getElementById()对匹配元素的ID不区分大小写，而且也返回匹配name属性的元素2.在IE中，getElementByName()也返回ID属性匹配指定值的元素，为了兼容，应该小心谨慎，不要讲同样的字符串同时用做名字和ID3.box-sizing:bor ...
分类：
其他好文 时间：
2016-10-13 14:03:25
阅读次数：
92
1.没有用bootstrap时： 2.使用bootstrap时（因为bootstrap中css设置了*box-sizing: border-box;属性，所以会影响定位的位置），需要将bottom下移一个像素；即bottom：2px； 3.效果图 4.总结 之前一直用背景图做这个记住密码单选框，每一 ...
分类：
Web程序 时间：
2016-09-29 13:28:44
阅读次数：
126
转载自 http://www.cnblogs.com/zhaoran/archive/2013/05/24/3097482.html css3 box-sizing属性 box-sizing属性可以为三个值之一：content-box（default），border-box，padding-box。 ...
分类：
Web程序 时间：
2016-09-28 10:17:47
阅读次数：
173
box-sizing 就是下面两种图表示（图片转载） 我们不需要深层次的去分析讲解两个盒模型如何如何，看到这两幅图就知道具体区别了，因为两种模型的代码是一样的！ content-box在宽度的范围外计算padding，border。这样盒模型的宽度会额外增加！ border-box在宽度的范围内在计 ...
分类：
其他好文 时间：
2016-09-27 13:24:51
阅读次数：
124
calc()对大家来说，或许很陌生，不太会相信calc()是css中的部分。因为看其外表像个函数，既然是函数为何又出现在CSS中呢？这一点也让我百思不得其解，今天有一同事告诉我，说CSS3中有一个属性能实现自适应的布局，首先让我想到的是box-sizing，但跟我说还可以计算，这让我不得不想起cal ...
分类：
Web程序 时间：
2016-09-26 13:01:09
阅读次数：
243
1.input和button同行高度不一致 input和button的height相同时，input实际的框变大，需要加上box-sizing:border-box; input有边框时，button对齐会忽略边框宽度和input本身对齐，所以要给button加一个和背景色一致或者和button颜色 ...
分类：
其他好文 时间：
2016-09-20 19:42:32
阅读次数：
116
