0

最後のdiv（クラス）が下がらないようにするにはどうすればよいですか？着margin-rightます.artist_wrap。overflow: hidden入れたら中に入ると思ったのです#music_videos_wrapが消えてしまいます。私を助けてくれる人に感謝します。

HTML：

<div id="music_videos_wrap">
    <div class="artist_wrap"></div>
    <div class="artist_wrap"></div>
    <div class="artist_wrap"></div>
    <div class="artist_wrap"></div>
</div>

CSS：

#music_videos_wrap{
    float:left;
    margin:0 0 0 23px;
    width:944px;
    height: 257px;
    background-color: red;
    /*overflow:hidden;*/
}
.artist_wrap{
    float:left;
    width:190px;
    height:257px;
    background-color: green;
    margin:0 62px 0 0;
}
4

2 に答える 2

2

まず第一に、測定値が多少間違っています。必要な要素に合わせてラッパーの幅を 946px にするか、.artist_wrap の幅を変更する必要があります。それを修正した後、margin-left:62px を right-margin の代わりに .artist-wrapp に設定できます。そうすれば、first-child で margin-left:0 を使用できます (これは、last-child よりもクロス ブラウザーです)。

.artist_wrap:first-child { margin-left:0; }

jsfiddle を参照してください: http://jsfiddle.net/Rkp3Z/

于 2012-07-08T15:54:05.447 に答える
1

あなたの .artist_wrap 幅が大きすぎます

firebug を使用して調整し、親の幅に収まる最大値を確認する必要があります

ここでは、幅を 150px にします

または、親の幅からマージン、ボーダー、パディングを差し引いて計算します

944px parents width / 4 divs = 236 width per artist child

各 .artist_wrap に右マージンを設定する場合は、このマージンを幅から差し引いて、親の 944 ピクセル幅に収まるようにする必要があります

これは、artist_wrap の幅として 236 - 62 = 174px を意味します

artist_wrap に margin:0 31px を適用して、対称的なレイアウトにすることもできます

于 2012-07-08T15:51:52.537 に答える