DIV中内容居中的问题

先叙述一下问题,最近一个项目中,有一个div的嵌套,总共4个div,如下:

#main_mainbody
{
    text-align:center; 
}
#main_header
{
    text-align:center;
    width:800px;
}
#main_center
{
    text-align:center;
    width:800px;
}
#main_footer
{
    width:800px;
    text-align:center;

}

后面三个层是顺次放置在第一个层中的

1

这种设置在IE7下面没有什么问题,但是到IE8下面就不好用了。

上网一查,发现改变也很简单

只要给内部的div设置margin:0 auto‘;就可以了,所以修改之后的css变为:

#main_mainbody
{
    text-align:center; 
}
#main_header
{
    text-align:center;
    width:800px;
    margin:0 auto;
}
#main_center
{
    text-align:center;
    width:800px;
    margin:0 auto;
}
#main_footer
{
    width:800px;
    text-align:center;
    margin:0 auto;
}

想知道为什么,有没有哪位可以给解释一下。
posted @   小鲨  阅读(7878)  评论(1编辑  收藏  举报
点击右上角即可分享
微信分享提示