1

我完全是 CSS 布局的初学者，但我试图开始一个基本的布局，它只是一个“固定宽度”的中心列（只有一个 div），以便两侧灵活。我知道这不是响应式/反应式的，但我才刚刚开始。

所以我尝试了谷歌搜索大量示例，但我找不到适用于 FF 和 IE9 的起点？我的意思是刚刚开始，他们是不同的？

这是我尝试过的简单样式的最新示例：

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #f5f5f5;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#content { 
 width: 900px;
 color: #333;
 border: 0px solid #f5f5f5;
 background: white;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 600px;
}

所以这是一开始，但 FF 已经显示它与中心对齐，而 IE 没有。因此，我尝试的所有操作（即左：50% 和边距右：-461px，作为我发现的示例）都会对这些产生不同的影响。我到处阅读这是一个非常常见的挑战，但我担心这里有一些我不知道的基础逻辑？

非常感谢您对此的任何帮助！

编辑：感谢您的评论！我确实有以下内容，它再次适用于 IE（和 chrome）但不适用于 FF？

CSS：

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #f5f5f5;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
 margin-left:auto;
 margin-right:auto;

}
#content { 
 width: 900px;
 color: #333;
 border: 2px solid #f5f5f5;
 background: white;
 padding: 10px;
 height: 600px;
 position:absolute;
 left:50%;
 margin-left:-461px;
}

#welcomeBanner{
    text-align:center;
    font-family:"segoe ui light","segoe ui","segoe";
    font-size:18pt;
    padding-top:20px;
    padding-bottom:20px;
    margin-top:0px;
}

html: 从字面上看只是：

    <div id="wrapper">
        <div id="content">
            <div id="welcomeBanner">Attempting to Learn This Stuff<div>
        </div>
    </div>

所以在 IE9 和 Chrome 中我得到了中心的标题，用背景颜色固定的大框中心等。在 FF 中什么都没有。我喜欢根本没有应用于页面的样式？我在头部使用了一个链接标签，但它显然在那里并且为其他人工作？

4

1 回答 1

4 
body {
    width:100%
}

div {
    width: 900px;
    margin:0 auto;
}

应该管用

cf在 IE9 中使用边距使 Div 居中：auto

于 2012-12-16T19:28:47.660 回答