包装在浏览器上的DIV调整大小

所以基本上我设计的网站在容器div内有3个div。一个漂浮在左边。两个在右上方，另一个在下方。当浏览器最大化时，它们工作正常。问题是，当浏览器被调整大小时，即使我已经设置了最小宽度，右侧div也包含在左侧div下面。我想让div保持原有位置，并且需要滚动条才能显示。我确实尝试了溢出，没有运气。任何解决方案包装在浏览器上的DIV调整大小

PS-最初我也为内部div添加了最小宽度。他们似乎没有解决问题，所以我把它们删除了。解决方案或向正确的方向微调将非常感激。

下面是对的jsfiddle链接 - http://jsfiddle.net/R62w4/3/

谢谢你，马修。虽然这样可以解决包装问题，但我的网站右侧有一排细小的像素。任何想法如何删除它？它从标题继续到页脚。它不受与标题或导航栏或页脚有关的CSS元素的任何更改的影响。

好的，我找到了右侧额外空间的原因。如果我增加外部股利的利润率，空间会增加。有没有办法在没有空间的情况下增加利润率？

来源

2012-01-17 Karthik Balakrishnan

试图把三个div放在一个最小宽度的包装中？如果这不起作用，请尝试使用最小宽度和空白的包装：nowrap。 – MetalFrog 2012-01-17 19:25:22

你也许能包住他们在这：

<div style="white-space:nowrap;"> 

</div>

...以防止这种情况发生。

很难确切地知道问题出在哪里，你可以发布一些代码或做一个JSFiddle？

更新：

我相信问题是，你使用的是基于％宽度和PX的利润 - 这很容易失去对你是多么的可用空间有轨道，随后布局分崩离析。考虑到两个左边浮动的50％宽度和1px边距的浮动DIV每次都会突破两行，因为这超过了100％。

我改变了你拨弄了一下：http://jsfiddle.net/R62w4/5/

...只是从你的另外两个父容器移动从你的第一个DIV和右边距左边距似乎给了足够的空间，一切。

P.S.你可以使用基于％的利润率，只是确保你想要在一条线上的所有东西保持< = 100％。

来源

2012-01-17 21:28:07 Matthew

@MetalFrog刚刚注意到你的评论有可能的解决方案。为什么不把你的答案变成答案，我会删除我的。 – Matthew 2012-01-17 22:19:19

这里是jsFiddle的链接 - http://jsfiddle.net/R62w4/3/ – 2012-01-18 04:55:04

你有没有得到我的更新？ – Matthew 2012-01-19 21:18:39

simpl css framework向您展示了如何使用基于像素的边距进行基于百分比的列，这是您想要的。

来源

2012-01-19 00:48:11

包装在浏览器上的DIV调整大小

回答

相关问题