关于display和overflow的延伸用法

display

display的官方用法：设置元素的隐藏与显示
 		none:隐藏元素并且隐藏元素所占用的空间
 		block:显示元素
display的延伸用法：
        1.块级元素与行内元素的转换
           inline:将块级元素转换为行内元素
           block:将行内元素转换为块级元素
           inline-block:既具有块级元素的特性，也具有行内元素的特性
        2.给父元素或子元素设置display:hidden可以消除外边距合并问题
        3.设置display:flex使父元素变成伸缩盒

overflow

overflow的官方用法：设置元素的隐藏与显示
 		hidden:超出元素部分隐藏
 		scroll:超出部分以滚动条形式显示
display的延伸用法：
        1.清除浮动，给所有浮动元素的父元素设置overflow:hidden
        2.给父元素设置overflow:hidden可以消除外边距合并问题
        3.当没有给父元素设置高度时，给父元素设置overflow:hidden，代表父元素的高度由子元素撑起