爲什麼保證金權利不起作用，但是保證金餘額，保證金頂部和底部保證金底部都可以使用？

當我設置margin-right：50px;我沒有看到任何效果，但是當我替換頁邊距時：50px;帶有margin-left：50px;或margin-top：50px;我確實看到了一個效果。這裏是保證金右邊的代碼...爲什麼保證金權利不起作用，但是保證金餘額，保證金頂部和底部保證金底部都可以使用？

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <title>Max Pietsch homepage</title> 
     <style type="text/css"> 
     .me { 
      margin-right: 20px; 
     } 
     #pic_of_me { 
      width: 200px; 
     } 
    </style> 
</head> 
<body> 
    <div class="me"> 
     <img id="pic_of_me" src="me.jpg" alt="A picture of me"> 
    </div> 
</body>

來源

2015-09-16 Max

這就是......不是具有保證金權利的代碼。 – BoltClock

您認爲保證金的權利是什麼？ –

無法看到'margin-right' – kdlcruz

HTML元素每默認總是在他們的父母元素的左上角神韻：。

您的.me因此被放置在body元素的左上角。

如果您添加一個margin-top或margin-left您的.me「推」自己離開這個角落（這就是爲什麼你看到它移動）。

如果您添加一個margin-right或margin-bottom您的元素右側/下方的其他元素將被「推開」。

作爲您沒有任何元素在您的元素的右側/下方，您看不到此效果。

試一試吧！

來源

2015-09-16 02:56:27

這非常合理。謝謝。 – Max

爲什麼保證金權利不起作用，但是保證金餘額，保證金頂部和底部保證金底部都可以使用？

回答

相關問題