html div 与页面边距

在 HTML 中，div 元素默认是在盒模型中的块级元素，它会占据一整行，并且默认宽度为父元素的宽度，高度为内容的高度。如果你想让 div 元素与页面的边距有一定的距离，可以使用 CSS 的 margin 属性。

margin 属性用于设置元素的外边距，它可以设置一个或多个值，分别表示上、右、下、左四个方向的外边距。例如：

div {
  margin: 20px; /* 上下左右外边距都为 20px */
}

以上代码会将 div 元素的外边距都设置为 20 像素。

如果你只想设置某个方向的外边距，可以使用 margin-top、margin-right、margin-bottom、margin-left 属性。例如：

div {
  margin-top: 20px; /* 上外边距为 20px */
  margin-bottom: 20px; /* 下外边距为 20px */
  margin-left: 50px; /* 左外边距为 50px */
  margin-right: 50px; /* 右外边距为 50px */
}

以上代码会将 div 元素的上下外边距都设置为 20 像素，左右外边距都设置为 50 像素。

如果你想让 div 元素与页面的边距有一个固定的距离，可以将 margin 属性设置为固定的像素值。例如：

div {
  margin: 50px; /* 上下左右外边距都为 50px */
}

以上代码会将 div 元素与页面的边距都设置为 50 像素。