0

だから私はスレッドを読んで固定幅DIV内のフローティングDIVを水平方向に継続する方法? pd. の優れた回答を使用して、固定サイズの DIV を作成し、水平方向にスクロールするインライン要素を含めました。

それは機能し、私が望んでいたとおりに機能しました...水平スクロールバーが実際には機能しないことを除いて。DIV の高さを 140px にすると、垂直スクロールバーも表示されます。しかし、水平スクロールバーだけを持つように差分を十分に高くすると、うまくいきません! それは私の頭を悩ませています。コードは次のとおりです。

<div style="height: 180px; width: 694px; margin: 0; padding: 0; overflow-x: auto; white-space: nowrap;">
    <span style="width: 160px; height: 120px; background: rgba(255,255, 255, 0.9); display: inline-block; margin: 5px 0 5px 0;"></span>
    <span style="width: 160px; height: 120px; background: rgba(255,255, 255, 0.9); display: inline-block; margin: 5px 0 5px 13px;"></span>
    <span style="width: 160px; height: 120px; background: rgba(255,255, 255, 0.9); display: inline-block; margin: 5px 0 5px 13px;"></span>
    <span style="width: 160px; height: 120px; background: rgba(255,255, 255, 0.9); display: inline-block; margin: 5px 0 5px 13px;"></span>
    <span style="width: 160px; height: 120px; background: rgba(255,255, 255, 0.9); display: inline-block; margin: 5px 0 5px 13px;"></span>
</div>

直接ページをご覧になりたい方はhttp://12for12boston.tumblr.com , PW: 12412.

みんなありがとう！

4

1 に答える 1

3

DIV（以下を参照）がスクロールバーの上にオーバーレイされているため、スクロールバーは表示されますが、機能しません。DIVの目的は不明ですが、削除しても問題なく機能します。

<div style="height: 50px; width: 960px; position: absolute; top:694px; left: 50%; margin-left: -480px;"></div>
于 2012-08-02T16:09:34.343 に答える