CSS：強制浮動：左爲div內的元素

不知道我是否只是沒有看到樹的木材，但我試圖強制一束DIV向左浮動 - 在受限塊內。CSS：強制浮動：左爲div內的元素

我的包裝是600px x 600px，在那裏我有一堆DIV（全部，也是600x600），我使用jQuery滾動到每一個。問題是，他們坐在彼此的下面，而不是連續漂浮。

本質上，我想水平滾動，而不是垂直滾動。我敢肯定，我以前就解決了這個，也許我在那些日子之一，但我只是今天:(

任何指針讚賞明白這一點。

<style> 
#parent {width:600px; height:600px;} 
.kids {width:600px; height:600px; float:left;} 
</style> 

... 

<div id="parent"> 
    <div class="kids"> ... some content ... </div> 
    <div class="kids"> ... some content ... </div> 
    <div class="kids"> ... some content ... </div> 
</div> 

... 

<nav> 
    <a>{onclick srolls #parent to left:600px}</a> 
</nav>

來源

2012-08-16 Tim Cutting

給紙上出現較大的寬度，最好是數子的div * 600，並且具有與周圍的600和溢出滾動寬度的包裝容器。 – DanielB 2012-08-16 14:26:27

更新HTML和CSS上jsfiddel您的文章 – Chandrakant 2012-08-16 14:29:14

謝謝，b我試圖強迫孩子們在父母之間漂浮，不管其寬度如何。那有意義嗎？ – 2012-08-16 14:29:43

你可以試試使用inline-block和white-space: nowrap

<style> 
#parent {width:600px; height:600px; white-space: nowrap; overflow: hidden;} 
.kids {display: inline-block; width:600px; height:600px;} 
</style>

來源

2012-08-16 14:40:14 DanielB

非常好！我必須確保'.kids'具有'white-space：normal'設置，否則內容會進入以太網。非常感謝！ – 2012-08-16 15:26:22

CSS：強制浮動：左爲div內的元素

回答

相關問題