1

这看起来像 IE8 问题。我有两个并排的 div，因为我将其中一个浮动到左侧。但是，如果右 div 内的内容对于窗口来说太大，则右 div 会换行并位于左 div 之下。如何让两个 div 并排保持在同一水平？

这是代码：

CSS：

    <style type="text/css">
    #left_div
    {
        float: left;
        width: 250px;
        height: 400px;
        border: solid 1px red;
    }
    #right_div
    {
        width: 3000px;
        border: solid 1px blue;
    }
</style>

html:

    <div id="left_div">
        text in left_div
    </div>
    <div id="right_div">
        text in right_div
    </div>
4

3 回答 3

4

将 float: left 也添加到 right_div 。

如果它与Matthew James Taylor和他的Perfect 2 Column Left Menu显示的示例相似，请看看他是如何做到的，也许可以复制它！

IE 过去也存在这样一个问题，即它需要高度和宽度来表示高度最小值和宽度最小值，因此即使它们设置了特定的限制，它们仍然允许调整大小。请参阅Webcredible 的文章，最值得注意的是他们列表中的第 2 位！

于 2009-05-06T18:40:24.293 回答
0

您还可以在 right_div 中添加至少 250px（left_div 的宽度）的左边距，这样在 right_div 旁边总会有 left_div 的空间。

于 2009-05-06T21:20:41.223 回答
0

更改文档类型：（IE8 需要它正确呈现网页）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " >
<html xmlns="http ://ww w.w3.org/1999/xhtml" xml:lang="en-GB">

（我用空格编辑了网址，所以不要忘记删除它们:)）

于 2009-11-27T17:45:30.580 回答