Question

我有一个div里面有两个嵌套的div，（float：left）一个是菜单栏，右边（float：right）应该显示页面有的任何内容，当窗口处于a时，它工作正常最大值，但是当我调整大小时，内容会折叠，直到它不再有任何空间，在左侧菜单栏下面强制显示它，如何使宽度固定，以便用户在调整大小时滚动？（css宽度不起作用，我在浮动正确的内容之间交替而不是），这里是代码：

<div style="width:100%">
  <div style="float:left; background:#f5f5f5; border-right:1px solid black; height:170%; width:120px;"></div>   
  <div style="margin-right:2px;margin-top:15px; margin-bottom:5px; width:100%; border:1px solid #f5f5f5"></div> 
</div>

我现在只需要在Interner Explorer上使用它。

Answer 1

这应该这样做（容器是包含2个div的父div）：

.container {
    width: 1024px;
    display: block;
}

Answer 2

您可能需要在包含div上设置宽度并设置溢出属性

#containing_div {
    width: 200px;
    overflow: auto;
}

如果有意义的话，也可以在页面上使用min-width属性，但是CSS属性并不适用于IE6，这通常是我在那种情况下所做的（支持Firefox，IE7，IE6等）< / p>

#container {
    min-width: 1000px;
    _width: 1000px; /* This property is only read by IE6, which gives a fixed width */
}

Answer 3

好吧，设置width或min-width属性是可行的方法。

现在，没有示例或实际页面的链接，回答有点棘手。

Answer 4

只是不要使正确的div浮动。菜单已经悬浮在任何其他内容的左侧。只需为右侧div设置左边距，这样div中的内容就不会被浮动div包围。

Answer 5

如果两个div占据可用宽度的100％，可以尝试使用百分比宽度并显示：内嵌另一个div，其中有一个固定的最小宽度/宽度（boo IE）在需要的地方。

这个相当困难，没有一些HTML继续

Answer 6

您的包含div的宽度应足以包含内部div的

因此，如果你的两个内部div是300px并且假设你没有边距/填充，那么你应该将外部div设置为600px;

Answer 7

我有点困惑：
固定宽度表示节点的宽度不会改变。决不。你说你想要在屏幕对于你的内容太小时滚动，所以我认为你的意思是固定宽度的确切对应。

如果我的假设是正确的，你可以像之前提到的那样去寻找百分比宽度。注意宽度建议的“最小宽度”解决方案，因为它不能很好地支持。

<div id="container" style="width:100%">
    <div id="primaryNav" style="float:left; width:150px; background-color: Orange">someNav</div>
    <div id="content" style="margin-left: 10px; background-color: Red; overflow: auto;">
        loadsOfSuperInterestingContentI'mSuperSerious<br/>
        <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
        <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
        <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
        Seriously
    </div>
</div>

这应该是非常跨浏览器

CSS定位，希望在调整窗口大小时使内容的宽度固定。

7 个答案: