Question

我有一个简单的标记，其中包含导航div，内容div和页脚div。如果我打开“页面”，一切似乎都没问题。但是，如果我打开页面，然后将浏览器窗口调整为例如30％，然后内容 div向下滑动。

似乎只发生在Internet Explorer中。

测试标记：

<html> 
<body>

<div id="container">

 <div id="navi" style="float:left;width:197px;background-color:blue;">
  NaviContent
  <br /><br />
  more NaviContent
 </div>

 <div id="content" style="width:820px;background-color:yellow">

  <table>

    <tr>
        <td>Content
            <br /><br />
            more ContentContent
            <br /><br /><br /><br />
            <br /><br /><br /><br />
            more ContentContent
            <br /><br /><br /><br />
            <br /><br /><br /><br />
            more ContentContent
        </td>
    </tr>

 </table>

 </div>

 <div id="footer" style="clear:both;">
 Footer Content
 </div>

</div>

</body>
</html>

问题图片：

100％视图中的浏览器： http://www.suckmypic.net/25729/1.png

调整浏览器窗口大小：http://www.suckmypic.net/25730/2.png

请帮忙

Answer 1

您需要为#container提供宽度

Answer 2

这是因为总和内容+导航＆gt;窗口宽度。

HTML / CSS：内容Div滑落

2 个答案: