左右布局
塊級(jí)元素的文檔流是從上往下的，一個(gè)元素會(huì)直接占據(jù)一行。
我們一般會(huì)使用float屬性來(lái)實(shí)現(xiàn)左右布局。
左中右布局
使用position屬性，代碼如下，對(duì)子元素使用絕對(duì)定位，父元素相對(duì)定位，來(lái)達(dá)到我們的目的。
<body>
<div class="big">
<div class="small"></div>
<div class="small" style="left: 150px;"></div>
<div class="small" style="left: 300px;"></div>
</div>
</body>
<style>
.big{
position: relative;
}
.small{
height: 100px;
width: 100px;
border: 1px solid red;
position: absolute;
}
</style>
效果圖
水平居中
1、塊級(jí)元素在頁(yè)面中水平居中一般使用margin屬性，左右外邊距設(shè)置為auto;
2、或者也可以使用text-align: center;屬性
3、內(nèi)聯(lián)元素水平居中可以幫其父元素設(shè)置相同的左右內(nèi)邊距；
垂直居中
常用的話還是幫父元素設(shè)置相同的上下內(nèi)邊距，或者使用vertical-align: center;屬性。
先寫到這
