子供のdivを合わせて、親のdivの幅を展開し、horzontalスクロールウェブサイト

Question

私はこの1つに似水平スクロールギャラリースタイルのウェブサイトを、作っています：私は親のdivを持っており、そのdiv要素の中に子供がのためのdivれ http://ericryananderson.com/book_2

ギャラリーの個々のアイテム。

ギャラリーのアイテム数がわからない/時間が経つにつれて変化するので、ギャラリーアイテムが同じ1行に残るように自動的に親divサイズを作成するにはどうすればいいですか？スクリーンの幅をオーバーフローさせます。私が上で参照したサイトのように。

現在、手動で幅を設定すると、現在の動作のみになります。

HTML：

<div class="parent-gallery-div"> 
    <div class="gallery-item"></div> 
    <div class="gallery-item"></div> 
    <div class="gallery-item"></div> 
    <div class="gallery-item"></div> 
    <div class="gallery-item"></div> 
    ... 
</div> 

CSS：

.parent-gallery-div { 
    height: 500px; 
    float: left; 
    margin-top: 40px; 
} 

.gallery-item { 
    height: 420px; 
    float: left; 
    margin-right: 20px 
} 

Answer 1

ここJScrollPaneのプラグインhttp://jscrollpane.kelvinluck.com/ を使用することによって、これを達成しようとする例を示します。 http://longinstudio.pl/realizacje/reklama%20zewnetrzna

使い方です比較的シンプルであり、それはhttp://ericryananderson.comソリューションよりもよく見えます。 （f。スクロールの外観とアニメーション効果を制御することができます）

Answer 2

高さをautoにする場合は、

例Iよりもよりシンプルかつ機能的な、私が働いている私自身のサイトが良いです