0

このような別の質問があることは知っていますが、試してみましたが、答えがうまくいきませんでした。

と があり、pdiv逆 (負の) マージンを使用できるようにしたいと考えていpます。現時点では影響はありませんpが、含まれてdivいる .

コードは次のとおりです。

.reset {
    margin-left:4px;
    margin-top: 4px;
    height:50px;
    width:50px;
    background:#FFF;
}
.reset p {
    margin-top:-4px;
    font-size: 38px;
    font-family: sans-serif;
    text-align: center;
}

前もって感謝します

4

2 に答える 2

1

あなたの解決策全体はわかりませんが、divtorelative<p>toを設定するとabsolute、正しい方向に進むはずです。ここで遊ぶためのフィドルです。

 .reset {
        margin-left:4px;
        margin-top: 4px;
        height:50px;
        width:50px;
        background:Silver;
        position: relative;

    }
    .reset p {
        position:absolute;
        margin-top:-4px;
        font-size: 38px;
        font-family: sans-serif;
        text-align: center;
    }

[アップデート]

別の回答 (現在は削除されています) のコメントには、負のマージンは有効な css ではないことが記載されています。これを使用するには、を次のように変更.reset pします。

.reset p {
    position:absolute;
    top: -4px; //or whatever you want
    left: 0px;  //or whatever you want
    font-size: 38px;
    font-family: sans-serif;
    text-align: center;
}
于 2013-01-31T17:00:41.403 に答える
1

pyourは your の最初の要素であるため、機能しませんdiv。その結果、 と の両方margin-topが多少マージされます。pdiv

たとえば、 と の両方を配置した場合margin-top: 20px 40ピクセルではなく、20 ピクセルの上余白になります。p div

最も簡単な方法は、次を使用することposition: relative;です。

p { position: relative; top: -4px; }

このように、pは通常のフローのままですが、4px 上に移動します。

于 2013-01-31T17:14:05.700 に答える