1

div の水平レイアウトを実行しようとしていますが、div の後に不要な「マージン」が発生します。 http://jsfiddle.net/Yzxpu/

マークアップを変更してスペースまたは改行を削除すると、水平方向の間隔の問題は修正されますが、div の下に垂直方向の間隔が残っています。そして、マークアップは見栄えが悪いです。 http://jsfiddle.net/Yzxpu/1/

私は赤を見たくありません（右端を除いて、右余白％が設定されると修正されます）

ブラウザは最新のChromeを使用しています。

ここに画像の説明を入力

4

3 に答える 3

3

追加することにより: margin:0; パディング:0; ブラウザは独自のデフォルト設定を追加するため、CSS では縦方向の問題が修正されます。reset.css シートを使用してすべてを 0 に戻すことをお勧めします。

修正のフィドル: http://jsfiddle.net/ynemx/ CSS のリセット: http://meyerweb.com/eric/tools/css/reset/

于 2012-09-06T14:15:31.430 に答える
2

これを試して

http://jsfiddle.net/Yzxpu/10/

CSS を変更する

#t-newsAndInfo{background-color:red; overflow:hidden}

#t-newsAndInfo div {float:left;}

"DISPLAY"から削除#t-newsAndInfo div

于 2012-09-06T14:16:56.943 に答える
0

あなたはfloatを試みることができます：内側のdivを残します：

http://jsfiddle.net/Yzxpu/15/

#t-newsAndInfo{background-color:red; overflow:hidden;}

#t-newsAndInfo div {
    background-color:lightyellow;
    display: inline-block;
    float:left;
    position: relative;
    width: 31.11111111111111%;/*((900-(30+30))/3)/900*/
    height: 100px;
    text-align: center;
    /*margin-right: 3.111111111%;*/
    /*margin-right: 2.99999999999%;*/
}
于 2012-09-06T14:19:00.267 に答える