摘要：
刚刚学习CSS的时候，经常需要用到块元素居中，于是乎度娘、google一番，当然查专业资料建议用google，题外话！学会了给块元素设置个width，然后给margin特性设为0 auto，如此块元素便缴枪投降，乖乖居中了。 那是为什么呢？这中间的原理和实现过程是如何呢？夜深了，待我喝杯咖啡，慢慢说来！ 上一篇文章谈到了盒子模式，这个居中的原理也用到了盒子模式的知识点。块元素的水平方向有七个宽度属性：①、左外边距，②、左边框，③左内边距，④元素宽度（width），⑤右内边距，⑥右边框，⑦右外边距。，正常文档流中，七大属性排排坐，宽度刚好是元素包含块的宽度，也是父元素的width（内容宽度），. 阅读全文
随笔分类 - Front-end
谈谈几大Box Model以及Element Width、Element Background Width和Containing Block Width
2013-03-29 23:13 by MoltBoy, 532 阅读, 收藏, 编辑
摘要：
从最初认识Box Model（盒子模式），抱着神秘和期待的心情，一心想着盒子里装了什么？盒子什么结构？为何叫盒子模式？ 先从盒子模式的叫法谈起吧！在一些大牛的书上活着博客上，看到了这么几个盒子模式：IE Box Model、W3C Box Model、CSS Box Model。其实比较起来，W3C Box Model和CSS Box Model只是叫法上面的区别，实质内容完全等同（===）。而IE Box Model和另外两种有一定的区别，主要在于宽度和高度的取值方面。 在盒子模式中，宽度又弄出了许多个概念来，内容宽度（content width）、内边距宽度（padding width.. 阅读全文