CSS自動居中一列布局

daleychao發表於2016-09-15
(1)三個技能點:
①標準文件流
②塊級元素
③margin屬性(實現網頁自動居中佈局的關鍵)
2、居中設定:margin:0 auto;
(1)auto:會根據瀏覽器的寬度自動的設定兩邊的外邊距
(2)原理:(瀏覽器的寬度-外包含層的寬度)/2=外邊距
(3)要求:不能再設浮動或絕對定位屬性
如果想讓頁面自動居中,當設定margin屬性為auto的時候,不能再設定浮動(float)或絕對定位(position)屬性,不然magin會失效

相關文章