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è)頁面都是文檔，每個(gè)文檔也是一個(gè)網(wǎng)頁
塊元素在文檔流中如果設(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ì)生效。