这一定是我生活中出现频率最高的问题了!

我必须在 100% DIV 中放置一个固定的 DIV (800px)，而且它一如既往地在除 IE 之外的所有程序中都能正常工作。我已经尝试过旧的“文本对齐”技巧，但这次什么也没有，我就是无法让它发挥作用。

如果您想检查其 www.chunkydesign.com 的实际页面，我们将不胜感激。

这是 HTML (下面是 CSS)

<body>

    <div id="navContainer">

        <div id="navTopSpacer"></div>

        <div id="navMain">

            <div id="navContent">

                <div id="navLogo"></div>

                <div id="navLinks">

                    <h1>SERVICES ABOUT PORTFOLIO CONTACT</h1>

                </div>

            </div>

        </div>

        <div id="navBotSpacer"></div>

    </div>

</body>

魔鬼代码本身:

正文{ 填充:0px；边距:0px；

导航容器{

width: 100%;
height: 110px;

navTopSpacer {

width: 100%;
height: 12px;
background-image: url('../images/core/nav_topspacer.jpg');

导航主 {

width: 100%;
height: 88px;
background-image: url('../images/core/nav_main.jpg');

导航内容{

text-align: center;
width: 800px;
height: 88px;
margin-left: auto;
margin-right: auto;

导航标志{

float: left;
width: 164px;
height: 88px;
background-image: url('../images/core/logo.png');
background-position: 0px 20px;
background-repeat: no-repeat;

导航链接{

float: right;
width: 400px;
height: 88px;

navLinks h1 {

font-family: Arial, Verdana, sans-serif;
text-align: right;
font-size: 13px;
color: #FE9900;
font-weight: 600;
padding-top: 40px;
word-spacing: 15px;
letter-spacing: 1px;
margin: 0px;

navBotSpacer {

width: 100%;
height: 10px;
background-image: url('../images/core/nav_botspacer.jpg');

最佳答案

通过在您的文档类型上方留下评论，您会让 IE 进入怪癖模式，这使渲染成为一场噩梦。

删除注释并在文档类型声明上方没有文本、空格或任何内容。

关于html - 100% DIV 中的顽固固定 DIV，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2973728/

html - 100% DIV 中的顽固固定 DIV