时间戳

首页 > 技术文章 > html , body , margin , overflow 之大乱战

html , body , margin , overflow 之大乱战

newsea 2014-03-31 14:23 原文

<!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;
}


 

推荐阅读