1. 在SharePoint 2013中应用Bootstrap时，需要添加以下css:而且还需要对bootstrap.min.css文件进行修改，将左右的{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:bord...
分类：
其他好文 时间：
2015-05-15 17:21:39
阅读次数：
156
Box-sizing尽管box-sizing在CSS3中才被引入，其有一个值是border-box，让元素的高和宽包含了填充和边框。.div {
width: 150px;
height: 100px;
border: 1px solid #ccc;
box-sizing: border-box;
}Chrome 31+, IE8+, Firefox 31+,...
分类：
Web程序 时间：
2015-05-14 10:09:47
阅读次数：
166
一、关于弹性盒模型box是先出来的，flex后出，现在主要用flex。但是box有一个特性是flex没有的，文字可以垂直居中~设了宽度+padding+border记住加：box-sizing: border-box;-webkit-box-sizing:border-box;二、input css...
分类：
其他好文 时间：
2015-05-06 14:53:57
阅读次数：
108
在使用pureCSS框架的时候，遇到一个问题。 input输入框，我给他们设置了宽度和padding值，我发现，在火狐和谷歌上面发现，增加padding值并不会影响最终的宽度，而在IE6 7下则会影响宽度。后来发现是pure框架为输入框设置了box-sizing导致（IE6 7不支持），我得分别设置...
分类：
其他好文 时间：
2015-04-29 21:15:00
阅读次数：
142
原文出处：front-Thinking欢迎分享原创到伯乐头条如果你写过CSS或者你接触过CSS，相信你一定对盒子模型一点都不陌生。CSS其中一个让人比较困惑的地方就在于它的盒子模型中关于高度和宽度的计算，别说那些初学者了，就是写过很久CSS的人也一样会有如此的感觉。CSS中的高度和宽度总是不那么直观...
分类：
Web程序 时间：
2015-04-28 09:28:35
阅读次数：
128
今天就以不规则布局来学习，之前做这个我花了很多时间还没达到很完美的效果！这次用这个来box-sizing:border-box布局，发现效果还差一点点，所以多多指教了！ 盒子模型 ...
分类：
Web程序 时间：
2015-04-23 12:54:47
阅读次数：
318
说到 IE 的 bug，一个臭名昭著的例子是它对于“盒模型”的错误解释：在 IE5.x 以及 Quirks 模式的 IE6/7 中，将 border 与 padding 都包含在 width 之内。这为前端工程师的工作平添了不少麻烦，几户每个需要定义尺寸的 box 都要思量一下：是否触发了“盒模型 ...
分类：
Web程序 时间：
2015-04-17 17:47:26
阅读次数：
132
#main{ max-width:600px; margin:0 auto;}用max-width替代width，可以使屏幕比600px窄时自动调整内容宽度，而不是出现滚轮。所有主流浏览器包括IE7都支持。*{ -webkit-box-sizing:border-box; ...
分类：
Web程序 时间：
2015-04-14 21:28:38
阅读次数：
114
div{
box-sizing:border-box;
width:200px;
padding:20px;
border:1px solid red;
}
这段css的意思是说，div宽度为200px,边框为1px，左右空白边距是20px,时间内容宽度自适应，是200-2-20*2=158px;
如果box-sizing的值为content-box,说明设置的是内容区...
分类：
Web程序 时间：
2015-04-05 23:35:14
阅读次数：
598
让CSS布局更加直观：box-sizing 如果你写过CSS或者你接触过CSS，相信你一定对盒子模型一点都不陌生。CSS其中一个让人比较困惑的地方就在于它的盒子模型中关于高度和宽度的计算，别说那些初学者了，就是写过很久CSS的人也一样会有如此的感觉。CSS中的高度和宽度总是不那么直观，让你总是很困....
分类：
Web程序 时间：
2015-04-05 23:31:37
阅读次数：
230
