1

私は<div>中央揃え (margin auto) を持ち、コンテンツがいっぱいになるにつれて大きくしたいので、これを達成するために min-width と min-height を使用していますが、子<div>が親の ( <body>) 幅を代わりに取っています。 .

どうすればこれを防ぐことができますか?

例: http://jsfiddle.net/kRF5d/1/

4

4 に答える 4

1

はブロック レベルの要素であるためdiv、適切な要素が設定されていない限り、親の幅全体を埋めwidthます。display: inline-block;お子様に適用することをお勧めしdivます。

于 2012-08-02T17:45:00.813 に答える
1

位置を相対から絶対に変更するだけです。

#top {
    min-width:10%;
    min-height:50px;
    background-color:blue;
    position:absolute;
    margin:auto;
    margin-top:10px;
    top:0px;
    z-index:10;
}
于 2012-08-02T17:50:05.397 に答える
0

#top div の幅を %100 にしたくない場合は、幅を指定します。

http://jsfiddle.net/kRF5d/3/

于 2012-08-02T17:42:39.837 に答える
0

あなたが見ている問題は、 min-width が最小幅を設定し、最大幅を制限しないためです。div はブロック レベルの要素として表示されるため、親要素と同じ幅に自動的に拡大されます。

したがって、これで何を達成しようとしているのか具体的にはわかりませんが、それが期待どおりに機能しない理由です.

于 2012-08-02T17:46:49.677 に答える