1

ここに欲しいものがありますが、手動で幅を入力する必要があります。子divを含むストレッチ可能なdivを保持する親コンテナが必要です。親コンテナは固定サイズです。伸縮可能なdivは、子divを水平方向に含めるのに十分な大きさである必要があります。伸縮可能なdivをwidthautoに設定しても機能せず、手動でサイズを設定したくありません。サイズを手動で設定する以外に別のオプションはありますか？

#parent{
    width:50%;
    height:200px;
    background:red;
    overflow-x: scroll;
    overflow-y: hidden;
}

#stretchable-div{
    background:darkblue;
    /* width: 600px; works but don't want to manually size*/
    width: auto;
}

.child {
   background:blue;
   width: 100px;
   height: 150px;
   float:left;
}
4

1 に答える 1

5

伸縮可能なdivの自動幅を作成する必要がある場合は、その子によって決定する必要があります。これは、子のfloatプロパティと競合しています（浮動動作は、その親の幅によって決まります）。したがって、親の幅または子のフローティングのいずれかを変更する必要があります。

display：inline-blockプロパティとnowrapプロパティを使用して、子供を1行にまとめることができます。ただし、IE7ではインラインブロックをハックする必要があります。例はここにあります。

今のところ、かなり良い解決策を見つけることができません。ヒントとしてください。

于 2012-05-29T03:55:41.570 に答える