<分区>
<分区>
我在这个例子中的黑盒子应该一直在左边,一直在上面。我不想看到它的左侧或上方有任何空白。
#box {
width: 200px;
height: 200px;
margin-left: 0px;
background-color: black;
}
<div id="box"></div>
但事实并非如此!谁能告诉我如何实现这一目标?
最佳答案
在大多数主流浏览器中,所有边的默认边距都是 8px
。它由您的浏览器提供的 user-agent-stylesheet
以像素为单位定义。
你需要像这样给 body margin:0
body,html {
margin: 0;
padding:0;
}
<body>
<div id="box"></div>
</body>
<style>
#box {
width: 200px;
height: 200px;
margin-left: 0px;
background-color: black;
}
</style>
P.S 同时将 html 和 body 的 padding 设置为 0
关于HTML 不是 100% 剩余,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49390145/