如果大家想要所有层的宽度都是相同的,可以使用全局样式将所有层的宽度设为相同的固定值。
/*CSS代码*/ html,body{ width: 100%; height: 100%; margin: 0; padding: 0; } .container{ width: 960px; margin: 0 auto; }
上面的代码中,首先将html和body元素的宽度和高度都设为100%,去除页面的默认边距和内边距。
然后,将.container的宽度设为960像素,再通过将左右外边距设为auto来实现水平居中。
这样,大家就可以将所有的层的宽度设为960像素,同时让它们水平居中了。