今天的小课堂，只需要了解标准盒模型，盒模型由内至外分别是content、padding、border、margin， 其中可以使用百分比的有content,padding,margin，边框border则不可以用%单位

元素水平分为3种：block水平，inline-block水平，inline水平，3种元素各有不同的表现。

block水平默认情况下，水平竖直方向上的padding,margin有效。

inline元素水平排列，竖直方向上的padding,margin无效。

inline-block水平元素，水平竖直方向上的padding,margin有效。

（demo4）

消除margin重叠的规则

父级与子级消除margin重叠

父级BFC化

父级有padding

父级有border

父级与子级之间没有inline水平元素

父级与最后一个子级之间发生margin-bottom重叠，父级没有设置height，max-height，min-height的限制

空块级元素的消除重叠

该元素没有border

该元素没有padding

该元素没有height，min-height的限制

该元素没有inline元素

语法： return[()[expression][]]; 可选项 expression 参数是要从函数返回的值。如果省略，则该函数不返回值。 用 return 语句来终止一个函数的执行，并返回 expression 的值。如果 expression 被省略， 或在函数内没有 return 语句被执行，则把值 undefined 赋给调用当前函数的表达式。