内联元素、display、visibility、overflow

内联元素：

    内联元素不能设置宽高，设了也无效【重点】

    水平 内外边距 和边框都支持，垂直方向上都不太好使

display：

    行内不能设置上下左右，但可以通过display来修改元素性质

    block：设置元素为块元素

    inline：设置元素为行内元素

    inline-block：设置元素为行内块元素  （行内块：既有行的特点也有块的特点，既能设置宽高，又不独占一行）

    none：隐藏元素（元素将在页面中完全消失）

visibility：默认值；用于元素是否可见（隐场后依旧占位）

    visible：可见的

    hidden：隐藏的

（注：display：none和visibility：hidden的区别，前者不占位，后者占位）

overflow：控制内容溢出情况

    visible：默认值

    scroll：添加滚动条

    auto：根据需要添加滚动条

    hidden：隐藏超出盒子的内容

文档流：文档中可现实的对象在排列时所占用的位置（类似图层最底层）

        高度默认被内容撑开、宽度100%、内联占自身大小

    浮动：做布局，使元素横向。文字绕图也可用浮动

          使元素脱离原来的文本流，在父元素中浮动起来（会一直向上，直到碰到父元素边界或其他浮动元素）

          行内元素浮动后自动变为块级元素，设置display：inline也不管用

          浮动会使元素完全脱离文本流，不再在文档中再占用位置

          浮动元素完全脱离文档流，不会撑开父元素

          float：none：不浮动（为默认值）

                left：向左浮动

                right：向右浮动

    清除浮动：清除浮动对元素的影响，即元素不会因为上方出现浮动元素改变位置

          clear：left：忽略左侧浮动

                right：忽略右侧浮动

                both：忽略全部浮动  谁影响大清除谁

                none：不忽略浮动，默认值