我试图实现一个收缩包装左栏和流体主面板的设计，这将允许显示窗口宽度将容纳尽可能多的图片，而没有一个水平滚动条。css布局：左栏图像库
我遇到了很大的麻烦。当我浮动时：离开控制栏，主面板的内容开始流动。浮动主面板也解决了这一问题，但会导致内容被缩小，这意味着图像倾向于排列在一个列中。
有没有优雅的解决方案来做到这一点？
我做了这里的问题的样机：http://jsfiddle.net/PYKwg/2/embedded/result/
试试这个：http://jsfiddle.net/CXvRn/10/这一切都在代码：
这里是最基本的jQuery版本： 你必须设置一些常量，如#main的总水平填充和水平边距。你可以派生使用jQuery的人，但如果他们永远不会改变他们，你可以设置他们自己并保存一些代码行。
如果你想用jQuery做它，你可以明白这一点的位置：Padding or margin value in pixels as integer using jQuery
感谢您的努力！下面我终于找到了一个只有css的解决方案。 – bukzor
的解决方案是“溢出：汽车”的主要内容部分。这建立了一个新的块流程框架，其内容不会流出（位于浮动控制部分之下/之后）。参考：http://www.w3.org/TR/CSS2/visuren.html#block-formatting
看到它在这里的行动： http://jsfiddle.net/PYKwg/3/embedded/result/
（感谢亚历克斯）
我没有作弊，或在宽猜..你应该对你的元素一组宽度是固定的。除非你做的是完全流畅的。在这种情况下，左宽度为15％，右宽度为85％。如果你不打算设置宽度，那么你只能使用javaScript作为你的解决方案。 –
我的控件不会占用3800px宽度显示的15％（这里常见双宽屏）。同样，在瘦身显示器上15％是不够的。我很高兴float的left-div div的收缩包装行为。这是设计的其余部分是有问题的。 – bukzor
我已经更新了模型，以显示内容不是固定宽度。 – bukzor