CSS全局層寬度的設(shè)置
CSS層是頁面中的一種元素,需要指定其寬度(除非是使用基于彈性盒子的布局方式)。
如果我們想要所有層的寬度都是相同的,可以使用全局樣式將所有層的寬度設(shè)為相同的固定值。
/*CSS代碼*/ html,body{ width: 100%; height: 100%; margin: 0; padding: 0; } .container{ width: 960px; margin: 0 auto; }
上面的代碼中,首先將html和body元素的寬度和高度都設(shè)為100%,去除頁面的默認邊距和內(nèi)邊距。
然后,將.container的寬度設(shè)為960像素,再通過將左右外邊距設(shè)為auto來實現(xiàn)水平居中。
這樣,我們就可以將所有的層的寬度設(shè)為960像素,同時讓它們水平居中了。