我試圖實現一個收縮包裝左欄和流體主面板的設計，這將允許顯示窗口寬度將容納儘可能多的圖片，而沒有一個水平滾動條。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