CSS浮动和定位

浮动元素有什么特征？对父容器、其他浮动元素、普通元素、文字分别有什么影响?
浮动的元素会脱离文档流，向左或者向右移动至包含块内边缘或者同样浮动的元素外边缘。文档流中的普通元素察觉不到浮动元素，但是其文本内容却能察觉到浮动元素，呈现出围绕浮动元素排列的表现方式。

• 对父容器的影响：如果父容器中的元素都是浮动元素，那么父容器会失去它的高度
  

  Paste_Image.png

  2. 防止垂直 margin 重叠

     
     Paste_Image.png

     在什么场景下会出现外边距合并？如何合并？如何不让相邻元素外边距合并？给个父子外边距合并的范例
     当两个垂直外边距（margin）相遇时，将形成一个外边距合并，合并后的高度以这两个外边距中高度值较大值为准。

     外边距合并：

     1. 相邻的同胞元素
        Paste_Image.png

        阻止外边距合并

        • 父元素生成一个新的BFC, overflow, display等...
        • 给父元素加上一个边框或者padding等..