静态元素的定位基准为什么是html标签?

静态元素以html为基准偏移 为什么我将html和body都设置一个border和margin样式,里面的块元素是挨着body的边框而不是html的边框呢?

<!DOCTYPE HTML>

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

        <title>制作我的第一个网页</title>

    <style>

  html{border:5px green solid;background:blue;padding:0;margin:10px;}

body{border:red 1px solid;margin:10px;background:yellow;}

 div{width:500px;height:400px;border:purple 2px dashed;margin:0;padding:0;}

    </style>  

    </head>

    <body>

        <div>Hello World</div>

    </body>

</html>

http://img.mukewang.com/57f8eb2f0001655f08590535.jpg

林鸿伯3985306
浏览 1417回答 3
3回答

微积分2016

因为是父子关系

Linda_Je

body初始值就有padding值

小伟王

初始化一次就行了,css里写:*{margin:0;padding:0}
打开App,查看更多内容
随时随地看视频慕课网APP