我有一个非常简单的页面,在 IE6 中无法正常显示。在此浏览器中,左侧导航向下推内容区域中的表格。谁能帮我让表格保持在其容器的顶部,而不是被左侧 div 中的内容压低?
这是页面的 html 代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css" media="screen">
body
#nav
{
float: left;
width: 180px;
background-color: #999;
}
#content
{
margin-left: 210px;
background-color: #999;
}
</style>
</head>
<body>
<div id="nav">
<div>left content</div>
</div>
<div id="content">
<table style="width: 100%; background-color: #666666">
<tr><td>table</td>
</tr>
</table>
</div>
</body>
</html>
这是一个 url,所以你可以看到它的样子:
最佳答案
改为将表格的宽度设置为 99%。
关于css - 两列 CSS 布局问题 -- 在 IE6 中,内容区域中的表格被左侧导航向下推,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/562575/