HTML 不是 100% 剩余

标签 html css

<分区>

我在这个例子中的黑盒子应该一直在左边,一直在上面。我不想看到它的左侧或上方有任何空白。

#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/

上一篇:javascript - CSS 显示属性未通过 JS 做出相应响应

下一篇:html - 伪元素 :before border-radius of parent div

相关文章:

html - 在表单中显示两个输入按钮

html - 调整窗口大小时将移动的定位 div

html - 可能来自标准 Haskell 库的无效 XHTML?

html - 如何更改选择标签上的向下箭头

javascript - 悬停和嵌套列表 : which element is being hovered?

html - 为什么我无法查看 iframe 的 --> page-source?如何使 iframe 内容可见?

html - 在另一个 div 中时让一个 div 向左浮动

html - SharePoint Designer 即时重新格式化 HTML,能否禁用?

具有自定义边框不同宽度的 HTML 下拉列表和文本框

html - 如何使小 div 上的边框半径与大 div 相同