Question

css div 急速模式和兼容模式中浏览出现布局问题

div+css 如下
<div>
<div id="HeadLeft">
<div class="inner"></div>
</div>
<div id="HeadContent">
<div class="inner"></div>
</div>
<div id="HeadRight">
<div class="inner"></div>
</div>

//css
<style type="text/css">

#HeadLeft,
#HeadRight {
float: left;
margin: 0 0 0 -490px;
width: 50%;

height: 335px;

}

#HeadContent {
width: 980px;
float: left;
background: green;
height: 335px;
background-image: url('../Images/HeadContent.jpg');
}

#HeadLeft .inner
{
height: 335px;
margin: 0 0 0 490px;

background-image: url('../Images/bg左.jpg');
}
#HeadRight .inner
{
height: 335px;
margin: 0 0 0 490px;

background-image: url('../Images/bg右.jpg');

}

</style>
浏览效果
在360急速模式下如下图，没问题。

但是在兼容模式下，出现错位问题。
在网站没发布的时候，兼容模式，急速模式浏览都没问题，发布后就出现以上问题！





Answer 1

<!--[if lt IE 9]>
<style type="text/css">
.sub{
width:900px;
}

.sub div li{
width:155px;
}
</style>
<![endif]-->
需要用到这类的写法对IE的判断

试下这个非IE内核的写法，看看
<!--[if !IE]> -->
According to the conditional comment this is not IE<br />
<!-- <![endif]-->

追问

不太明白！？

Answer 2

兼容模式 是 ie内核，你可以在 ie下测试这个问题，或者做些hack处理

Answer 3

你的width有问题

追问

width有问题?

追答

就是第一块大了