3

ページに 1 つの div があります。ここで、その位置を絶対として指定し、margin-left == 20px を指定すると、次のようになります。

という事は承知しています。div 要素は、div と本文の間に 0f 20px のマージンが存在するように、20 px だけ右にシフトする必要があります。

右側から 20px のマージンを提供すると、div 全体がボディから 20px のギャップで右側に移動してはいけません。

http://jsfiddle.net/2Jfpj/

.container{
position: absolute;
background-color:gray;
margin-right: 50px; 
height: 200px;
}

左と右の値を指定して div を配置できることはわかっています。しかし、本当の問題は、margin left は機能しますが、margin-right は機能しません! なぜそうなのですか？助けてください！

4

2 に答える 2

8

それはmargin-rightあなたが探しているのではなく、ただright

私のフィドルの更新から見てください： JSFIDDLE right

そして、画面の下部に配置したい場合は、追加しますbottom

この更新されたフィドルを試してください: JSFIDDLE ボトム

Margin-rightmargindiv 領域自体に追加されるため機能しません。 whilerightは位置の値です。

ボックスモデルを見ると、マージンが追加された場所がわかります。したがって、Margin は実際には、周囲の他のオブジェクトからボックスにスペースを与えるために使用されます。

于 2013-05-09T13:58:40.637 に答える
0

デフォルトでは、ボックスは左に揃えられているため、margin-left は機能します。財産。右に設定:; プロパティよりも右マージンを設定できます。しかし、これまでのところ、絶対に配置された要素には左マージンまたは右マージンしか設定できません。したがって、左または右だけを使用でき、マージンは必要ありません。左右の余白を同時に設定する方法がわかったら、投稿してください!!!

于 2015-01-28T06:29:14.110 に答える