[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
#layout有了居中的属,自然里边的内容也能够做到居中,这里的问题在于#layout的宽度定义,将#layout的宽度设定为404px,因为在上一个教程中了解过,一个对象真正的宽度是由它的各种属性相加而成,而left的宽度为200px,但左右都有1px的边距,因此实际宽度是202px,right对象同样如此,为了让layout作为容器能够装下它们两个,宽度则变为了left和right的实际宽度和,便设定为了404px,这样,就实现了二列居中显示。
二列宽度居中在实际网站上应用是非常广泛。