1、left、center、right三種都設(shè)置左浮動(dòng)
2、設(shè)置center寬度為100%
3、設(shè)置負(fù)邊距,left設(shè)置負(fù)邊距為100%,right設(shè)置負(fù)邊距為自身寬度
4、設(shè)置content的margin值為左右兩個(gè)側(cè)欄留出空間,margin值大小為left和right寬度。
1、流動(dòng)布局(html網(wǎng)頁(yè)默認(rèn)的布局方式)
特點(diǎn):
1、塊狀元素都會(huì)在所處的包含元素內(nèi)自上而下按順序垂直延伸分布,因?yàn)樵谀J(rèn)狀態(tài)下,塊狀元素的寬度都為100%。
2、內(nèi)聯(lián)元素都會(huì)在所處的包含元素內(nèi)從左到右水平分布顯示。(內(nèi)聯(lián)元素可不像塊狀元素這么霸道獨(dú)占一行)
2、浮動(dòng)布局(float)
特點(diǎn):默認(rèn)布局下,塊狀元素獨(dú)占一行,如果現(xiàn)在我們想讓兩個(gè)塊狀元素并排顯示。就需要使用float來(lái)實(shí)現(xiàn)。