如何消除div与浏览器窗口之间的空白？

绝大多数浏览器会给<body>标签默认设置margin: 8px，这就是你看到的空白根源，给你两个实用方案：

• 全局重置默认样式：在CSS里添加以下代码，一次性消除浏览器自带边距，适配大部分场景

body {
  margin: 0;
  padding: 0;
}

• 单独控制目标div：如果只需要这个div贴紧窗口，可给它设置绝对定位（注意这会让div脱离正常文档流，需配合布局调整）

.your-div-class {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

你之前尝试的right属性单独设置无效，因为默认布局下该属性不生效；clear: both是用来处理浮动元素影响的，和当前问题无关，无需再尝试。

内容的提问来源于stack exchange，提问作者DEA