<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <style> .parent { width: 300px; height: 300px; background-color: red; margin-top: 50px; /* overflow: hidden; */ } .son { width: 200px; height: 200px; background-color: green; margin-top: 100px; } </style> <div class="parent"> <div class="son"></div> </div> </body> </html>
在父DIV没有border和padding时。 不添加overflow: hidden，父div的margin-top会变为子的100px.
如果子的margin-top：20px, 也不会达到想要的效果。
