1.overflow(溢出)

• visible 默認(rèn)值。內(nèi)容不會(huì)被修剪，會(huì)呈現(xiàn)在元素框之外。
• hidden 內(nèi)容會(huì)被修剪，并且其余內(nèi)容是不可見的。
• scroll 內(nèi)容會(huì)被修剪，但是瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的內(nèi)容。
• auto 如果內(nèi)容被修剪，則瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的內(nèi)容。

.box{
    width:100px;
    height:100px;
    background-color:red;
    overflow:visible;
}

2.文檔流

• 每個(gè)頁(yè)面都是文檔，每個(gè)文檔也是一個(gè)網(wǎng)頁(yè)
• 塊元素在文檔流中如果設(shè)置寬和高就默認(rèn)為設(shè)置的寬和高,設(shè)置padding會(huì)影響盒子的大小,如果沒設(shè)置寬就默認(rèn)父元素寬的100%，高的話是由內(nèi)容決定，內(nèi)容有多高，它就有多高
• 內(nèi)聯(lián)元素只占自身的寬和高

3.浮動(dòng)

.box2{
        width: 100px;
        height: 100px;
        background-color: red;
        /*display: inline-block;*/
        float: left;
    }

• left 元素向左浮動(dòng)。
• right 元素向右浮動(dòng)。
• none 默認(rèn)值。元素不浮動(dòng)，并會(huì)顯示在其在文本中出現(xiàn)的位置。

內(nèi)聯(lián)浮動(dòng)

• 所有的內(nèi)聯(lián)元素如果脫離文檔流就會(huì)變成塊元素，內(nèi)聯(lián)元素是不支持寬和高，如果變成塊元素就會(huì)生效。