<!DOCTYPE html> <html> <head> <style> html,body{ margin:0 ;padding:0 } div{margin:20px;} </style> </head> <body> <div> 开始位置 </div> </boby> </html>
这段代码,div 距离 body = 0 , body距离= 20px , 给 div设置的 margin:20px 其中的 margin-top 转嫁给了 body.
解决这个问题,需要添加以下CSS
html,body{
overflow:hidden;
}