divをコンテナより大きくする

以下のコードを使用してくださいcontet（動的）に必要な大きさの "ThumbNails"を作成しようとしていますが、contining divにフィッティングしない場合は水平スクロールバーを表示しますが失敗します。私は何が間違っていますか？divをコンテナより大きくする

HTML：

<body> 
<div id="Fascione"></div> 
<div id="Wrapper"> 
    <div id="Menu"></div> 
    <div id="Contenuto"> 
    <div id="VariableImg"></div> 
    <div id="Back"></div> 
    <div id="Next"></div> 
    <div id="ThumbNails"> 
    <img><img><img> 
    </div> 
    </div> 
</div> 
<div id="Footer"></div> 
</body>

CSS：

body{width:1024px; margin:0px auto;} 
div#Fascione{width:inherit;min-height:125px;border-bottom:2px solid black;} 
div#Wrapper{width:inherit;padding:8px 0px 4px 0px;} 
div#Wrapper{width:inherit;padding:8px 0px 4px 0px;} 
div#Menu{float:left;width:200px;} 
div#Contenuto{overflow:hidden;margin-left:208px;} 
div#Back, div#Next{width:49%;cursor:pointer;text-align:center;margin:1% auto;border:1px dotted #1111cc;background-color:#ffffff;} 
div#Back{float:left;} 
div#Next{float:right;} 
div#Back:hover, div#Next:hover{border:1px solid #1111cc;} 
div#ThumbNails{clear:both;max-height:180px;overflow-x:auto;overflow-y:hidden;background-color:#f0f0f0;} 
div#Footer{clear:left;width:inherit;} /* clear left needed in combination with the overflow:hidden of Contenuto */

編集：削除古い、無効なリンク。

出典

2012-02-26 rodedo

私は実際にこの質問の投稿されたCSSコードと同じ外観を達成したいと思っています... – rodedo

私はあなたがあなたの 'overflow-x'と' overflow-y'を混ぜたと思います。 'overflow-x'は水平で、' overflow-y'は垂直です - あなたは 'overflow-y：auto'と' overflow-x：hidden'を望みます。 –

いいえ、いいえ。私は本当にそれが垂直にではなく水平にスクロールしたいと思っています。問題は私のコードでは画像が次の行に行き、スクロールバーがまったく表示されないということです。私は 'white-space：nowrap;'も試みて、 'overflow-x：scroll;'を使って成功しませんでした。 – rodedo

@My Headが指摘しているように、適切な答えはwhite-space:nowrap;を追加することです。

出典

2012-03-05 16:08:39 rodedo

divをコンテナより大きくする

答えて

関連する問題