二、浮動模型
塊狀元素這么霸道都是獨占一行返敬，如果現(xiàn)在我們想讓兩個塊狀元素并排顯示遂庄，怎么辦呢？不要著急劲赠，設置元素浮動就可以實現(xiàn)這一愿望涛目。
任何元素在默認情況下是不能浮動的秸谢，但可以通過float屬性將元素定義為浮動，如div霹肝、p估蹄、table、img等元素都可以被定義為浮動沫换。通過下面代碼實現(xiàn)兩個div元素在一行顯示臭蚁。
div{
width: 200px;
height: 200px;
border: 1px solid blue;
float: left;
}
div1
div2
頁面顯示結果：
如果將樣式中的float值改為right，則頁面顯示的結果為：
小伙伴可能會問讯赏，設置兩個元素一左一右可以實現(xiàn)一行顯示嗎刊棕？當然可以啦
只需要將代碼修改如下：
div{
width: 200px;
height: 200px;
border: 1px solid blue;
}
#div1{
float: left;
}
#div2{
float: right;
}
div1
div2
顯示的結果如下：
