爲什麼指定寬度邊距右無效？

-3

1）當我指定寬度margin-right無效（只在位置是'靜態'）？爲什麼指定寬度邊距右無效？

<style type="text/css"> 
    body{ 
     border:1px solid #808080; 
     width:500px; 
     height:500px; 
    } 
    div { 
     border: 1px solid #0094ff; 
     width: 200px; 
     /*margin-left:50px;*/ /* ok */ 
     /*margin-top:50px;*/ /* ok */ 
     margin-right: 50px; /* invalid,not working ?*/ 
     margin-bottom: 50px; /* invalid,not working?*/ 
    } 

</style> 
<body> 
    <div>test div</div> 
</body>

2）爲什麼當我刪除div的寬度時，margin-right會生效？

3）爲什麼當我刪除身體的高度時，邊緣底部會生效？

在匹配的margin-right和margin-bottom規則的默認佈局中，這個CSS是什麼？

我的意思是div位置是'靜態'和不使用'浮動'屬性。謝謝。

來源

2016-08-06 Kenny

你的代碼很好，有效。但是，要查看您嘗試應用的效果，您需要添加更多元素進行比較。

添加margin-bottom意味着您的div下的元素將被推下。相同的寬度margin-right：您的div旁邊的元素將被推到右側。

爲了證明自己的網頁，我加了3個divs這是浮動的，所以你可以看到利潤率如何影響右邊和底邊：

body { 
 
    border: 1px solid #808080; 
 
    width: 500px; 
 
    height: 500px; 
 
} 
 
div { 
 
    border: 1px solid #0094ff; 
 
    width: 150px; 
 
    margin-right: 50px; 
 
    margin-bottom: 50px; 
 
    float: left; 
 
}

<div>Lorem.</div> 
 
<div>Officiis.</div> 
 
<div>Asperiores.</div> 
 
<div>Enim.</div>

來源

2016-08-06 17:06:34 Aziz

爲什麼指定寬度邊距右無效？

回答

相關問題