margin拖拽耍群,又叫 margin-top傳遞
父子級包含的時候子級的margin-top會傳遞給父級(會傳給最后一層父級)
解決方案
eg:<div>
<p></p>
</div>
1.父級給padding-top(推薦)
div{ width:400px; height:390px; background:red; padding-top:10px; }
p{ width:200px; height:200px; background:pink; }
2.給父級加overflow:hidden;子級加margin-top
div{ width:400px; height:400px; background:red; overflow:hidden; }
p{ width:200px; height:200px; background:pink; margin-top:10px; }
3.給父級加border:1px solid red;子級加margin-top
div{ width:398px; height:398px; background:red; border:1px solid #ccc; }
p{ width:200px; height:200px; background:pink; margin-top:10px; }