终于把自己网站从 content-box 切换到了 border-box，心好累。
lyragosa · 2016-05-30 01:11:41 +08:00 · 3058 次点击这是一个创建于 3126 天前的主题，其中的信息可能已经有所发展或是发生改变。
改得我都要吐血了……
为了上 bootstrap （其实我也不知道为啥要上，仔细想了想，大概是为了里面的一些小样式效果不用自己写了，例如 tooltip ，模态窗口，文字徽章一类的）。
接着人生第一次发现 css 里面还有 box-sizing 这种属性。。
然后觉得不对劲，既然各大框架都主推 border-box ，而且仔细想想， border-box 也更符合人的思维习惯，为什么现代浏览器默认设置都是 content-box 呢？
然后查了一下这段历史，发现 IE 老版本的混杂模式是用的 border-box ，然后新版本&现代浏览器&W3C 标准都是 content-box ，时过多年风水轮流转，大家忽然又觉得还是以前 IE 的标准好啊……真是一个被上的故事。
（求别说 content-box 好，我已经改到吐血了不想再改回来了……）
为了上 bootstrap （其实我也不知道为啥要上，仔细想了想，大概是为了里面的一些小样式效果不用自己写了，例如 tooltip ，模态窗口，文字徽章一类的）。
接着人生第一次发现 css 里面还有 box-sizing 这种属性。。
然后觉得不对劲，既然各大框架都主推 border-box ，而且仔细想想， border-box 也更符合人的思维习惯，为什么现代浏览器默认设置都是 content-box 呢？
然后查了一下这段历史，发现 IE 老版本的混杂模式是用的 border-box ，然后新版本&现代浏览器&W3C 标准都是 content-box ，时过多年风水轮流转，大家忽然又觉得还是以前 IE 的标准好啊……真是一个被上的故事。
（求别说 content-box 好，我已经改到吐血了不想再改回来了……）
7 条回复 • 2016-05-30 17:53:23 +08:00
 |
1
7jmS8834H50s975y 2016-05-30 01:15:32 +08:00  1
我也改过,不过跟你的方向反了
|
 |
2
pimin 2016-05-30 01:28:10 +08:00 1
不知道为什么,我对引入外部资源有种天生的抗拒.
总觉得需要啥就写啥. 不需要就算咯. |
 |
3
lyragosa OP 1
@pimin 我一开始也是这样
后来想着不管怎么样你得引入一个 jq 吧。 然后看着 jqui 觉得好方便啊也引入一个吧。 （然后就引入了一堆乱七八糟的 jq 插件） 后来想着，连 js 这种拖效率的外部资源都引入了，再引入一个纯 css 资源其实也无所谓了…… 所谓用轮子上瘾症…… |
 |
4
SoloCompany 2016-05-30 02:19:19 +08:00 1
这是一个典型的 w3c 委员会那帮人就是看微软不顺眼造成的历史遗留此问题
显然，关于 border-sizing 这个问题上，我是站在微软这一方的 w3c 那个盒子模型出来的时候让人感觉简直是莫名其妙，说反人类也不为过 |
 |
5
imn1 2016-05-30 02:54:04 +08:00 2
border-box 比较适合整体布局排版，尤其当内容密集的情况；因为人的视觉对于密集内容，内容块之间的“隔离地带”会有一定的潜意识审美约定，所以，以 border 宽高约束，排版方便
content-box 则适合内容主体的布局，长文或者大幅面内容，块于块之间出现不多，视觉都集中在内容上，上一行和下一行首字符差半个字符位置都会引起别扭，内容对齐显得更重要 美工／总编会喜欢前者，因为内容因版面调整；记者／文字编辑会喜欢后者，因为版面因内容调整 目标是做效果的话，用前者当然方便些 |
 |
6
newghost 2016-05-30 09:49:34 +08:00 1
其实微软的标准更加工业化、更加简单；
如果 width 不包含 padding 和 border ；那么流式布局会变非常非常复杂； bootstrap 的实践已经证明了这一点。 我认为事件冒泡的三个阶段也不必要的。 一般来讲 99.99%的 case 都只需要从 target -> document 这一个捕获过程。 w3c 这帮人把 Web 变得更复杂了。 |
 |
7
WildCat 2016-05-30 17:53:23 +08:00 via iPhone
那个游戏吗
|
Select Language