2

CSS だけで、子要素の幅を事前に明示的に知らなくても、次の例http://jsfiddle.net/LdJ7t/を取得することは可能ですか?

望ましい最終結果:

  • 子要素にスクロール可能な親要素
  • コンテンツに設定された子要素の幅

子コンテンツにスクロール可能な親要素

#Parent {
    width: 100px;
    height:200px;
    background: #ccc;
    overflow:auto;
    padding: .5em;
    margin: .5em;
}

#Child {
    width:300px;
    height:100px;
    background:yellow;
}​

<div id="Parent">
    <div id="Child">
        This is a test. This is a test.
    </div>
</div>​

display:inline-block;ほとんど動作するように見えます: http://jsfiddle.net/LdJ7t/1/

これは可能だと思います。私は解決策を見つけることができません。

4

1 に答える 1

5

あなたのinline-block解決策は正しいです。長い単語や画像を入れると、スクロールバーが表示されます。デフォルトでは、テキストは空白で分割されます。

空白でテキストを分割したくない場合は、次white-space: nowrap;のように子 div に追加できます: http://jsfiddle.net/LdJ7t/2/

于 2012-12-22T00:00:53.083 に答える