CSS定位，当窗口大小调整时，要固定内容的宽度。

我有一个内部带有两个嵌套div的div，（float：left）是菜单栏，右边（float：right）应该显示页面的任何内容，当窗口最大时它工作正常，但是当我调整它的大小时，内容会被折叠，直到它不再有任何空间，它被强制显示在左边的菜单栏下，我如何使宽度固定，以便用户在调整大小时可以滚动？（CSS宽度没有工作，我漂浮内容的正确和没有之间交替），这里是代码：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，这工作了。

来源

2008-12-10 akhalid

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

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

来源

2008-12-10 15:17:45 bezmax

那么，把width或min-width属性是要走的路。

现在，没有一个例子，或者实际页面的链接，回答起来有点棘手。

来源

2008-12-10 15:12:34 mat

只是不要让正确的div浮动。菜单已经在任何其他内容左侧浮动。只需为右分区设置左边距，以便该分区中的内容不会缠绕浮动分区。

来源

2008-12-10 15:13:45 Tuminoid

如果两个div占用了可用宽度的100％，可以尝试使用百分比宽度并显示：在需要的位置内部嵌入另一个具有固定最小宽度/宽度（boo IE）的div。

这是没有一些HTML，而很难去

来源

2008-12-10 15:15:53 annakata

你包含分区应该有一个宽度足以容纳两个内部div的

所以，如果你的两个内部div的是每假设你300像素他们没有边距/填充，那么你应该设置外部div为600px;

来源

2008-12-10 15:16:22 qui

我有点困惑：
固定宽度的装置节点的宽度不会改变。决不。你说你想在屏幕变得太小而无法显示内容时滚动，所以我认为你的意思是固定宽度的确切对照。

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

<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>

这应该是相当的跨浏览器

来源

2008-12-10 15:23:29

您可能需要设置包含div的宽度并设置overflow属性

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

而且使用最小宽度属性页面上如果这是有道理的，但是CSS属性并没有真正与IE6兼容，这通常是我在这种情况下所做的（支持Firefox，IE7，IE6等）

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

来源

2008-12-10 15:27:34

正如@ boris-callens所说，注意最小宽度属性，因为它没有得到广泛的支持（IE6绝对不会使用它，因此我建议使用_width来解决IE6）。 – 2008-12-10 15:49:46

CSS定位，当窗口大小调整时，要固定内容的宽度。

回答

相关问题