CSS网页布局入门教程7：二列固定宽度居中.docVIP

CSS网页布局入门教程7：二列固定宽度居中 在一列固定宽度之中，我们使用margin:0px auto;这样的设置，使一个div得以达到居中显示，而二列分栏中，需要控制的是左分栏的左边与右分栏的右边相等，因此使用margi:0px auto;似乎不能够达到这样的效果，这时就需要进行div的嵌套式设计来完成了，可以使用一个居中的div作为容器，将二列分栏的两个div放置在容器中，从而实现二列的居中显示，结合上面的代码，新的XHTML代码结构如下： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title二列固定宽度居中——AA25.CN/title style type=text/css !-- #layout { width: 404px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #left { background-col