Question

asp.net 网页制作过程中，Chrome浏览器不兼容的问题。

html代码如下：
<form>
<%--网页中间的内容--%>
</form>
<%--底部--%>
<div id="footer">
<div id="content_footer" style="">
<ul>
<li>版权所有：广州市**************</li>
<li>电话：************</li>
<li>微博：**************</li>
</ul>
</div>
</div>
CSS代码：
#footer
{
clear:both; /*.不加此句的话，footer到菜单那里去*/
position:relative;
margin-top:-40px;
height: 40px;
background-color: #3D95D5;
}

#content_footer
{
text-align: center;
margin: 0 auto;
width: 960px;
}
#content_footer ul
{
float:left;
margin:0px;
line-height:40px;
}
#content_footer ul li
{
float: left;
list-style-type: none;
margin-left: 50px;
color: white;
}
在ie和firefox里没有问题，如下图，footer是在底下的。

但是在chrome里就出现了问题，这个footer走到了上面，

请问要如何改代码才能让这个footer在chrome里也出现在最底端。谢谢。
我已经把footer里的东西都删除过了。但还是无济于事。不知道怎么搞的。





Answer 1

要养成习惯，在浮动层结束后，都要手动清除浮动，否则浏览器会认为浮动未结束，后面的其他元素会跟着“浮动”起来。做法也很简单，就是加一个

<div style="clear:both"></div>

比方说：

<dl>
    <dd style="float:left">111</dd>
    <dd style="float:left">222</dd>
    <dd style="float:left">333</dd>
    <dd style="float:left">444</dd>
    <dd style="float:left">555</dd>
    <div style="clear:both"></div>
</dl>

Answer 2

#footer

{
clear:both; /*.不加此句的话，footer到菜单那里去*/
position:relative;
bottom:0px;
left :0px;
height: 40px;
background-color: #3D95D5;
}

Answer 3

浏览器兼容模式怎么设置