html-盒子模型下

垂直外边距的重叠

    兄弟元素

    如果外边距都是正值，外边距谁大听谁的。

    如果一正一负，外边距的设置，两者相加。

    如果两个都是负值，则外边距的设置，绝对值大听谁的。

    注意：兄弟元素的外边距一般不需要我们处理，方便我们开发的。

    父子元素

    如果父子元素的垂直外边距相邻了，则子元素的外边距会传递给父元素，从而导致页面布局混乱。

   解决方案： 1 隔开父子相邻的外边距，用边框  ，

              但边框会影响盒子的大小  也会改变页面的布局。

              2 开启元素的BFC属性：overflow；非visible值。

 行内元素的盒模型

      1，内容区：

               默认情况下，不可以自定义内容区的大小。

      2.内边距

         默认情况下，可以正常设置内边距，但垂直方向不会影响到这个页面布局。

      3，边框 

             默认情况下。、，可以设置边框，但垂直方向边框大小，不影响页面布局。

      4，外边距  

            默认情况下·，我们垂直方向的外边距，不可设置，水平方向可以设置，且水平方向外边距不会重叠。  

            display  设置元素类型

              可选值

                 none  影藏元素