製作元素堆棧左邊不低於

我無法正確解釋它....但在這裏它是....我想DIVs在容器中左浮動，以便...當它們的總寬度增加寬度的容器......他們將製作一個水平滾動條，但不會在任何情況下都不會越過......
就好像容器的寬度是500px;
DIV1 DIV2
DIV3 DIV4：
，它包含的每一個現在200像素寬度
當我飄飄然後離開......他們像堆疊在連續2和2在下一行....例如，5歲以下兒童的DIV
DIV5
我想他們是這樣的：
DIV1 DIV2 DIV3 DIV4 DIV5
用滾動條...製作元素堆棧左邊不低於

來源

2012-08-12 MaSK

我會建議，而不是浮動它們，設置display:inline-block;，然後應用white-space:nowrap到容器埃爾EMENT。

並確保容器沒有固定的寬度。（儘管最小寬度可以）。

更新 1）固定誤差（由於JOPLOmacedo） 2）工作實施例在：http://jsfiddle.net/t9Vnf/

來源

2012-08-12 17:44:13 Faust

沒有..：（...的元件仍低於布萊恩... – MaSK 2012-08-12 17:50:26

' ＃處理程序{ \t位置：絕對; \t高度：225px; \t空白：無纏繞; \t左：0像素; } #handler .item {display：inline-block;};}} \t padding：0px 10px; }' – MaSK 2012-08-12 17:51:01

這可能是最好的解決方案。你不能看到它工作的原因是因爲它應該是'white-space：nowrap;'而不是'white-space：nowrap;'。那裏有一個額外的宣傳。看看http://jsfiddle.net/cquQB/3/ – banzomaikaka 2012-08-12 18:08:19

製作元素堆棧左邊不低於

回答

相關問題