主页 / 问题 / 1531050
Accepted
KindKing
Asked:2023-07-17 16:49:18 +0000 UTC2023-07-17 16:49:18 +0000 UTC

如何将 <div> 拉伸到页面的整个宽度？

  • 772

创建块后，它不会显示到页面的整个宽度，而是几乎显示到末尾。我试图改变width，min-width但没有用。该块只是在右侧增加。我还使用了margin, paddingand border，但这也不起作用（从这个词来看，块没有以任何方式改变）。

html {
  background-color: #3E3E3E;
}

.topbar {
  padding: 80px;
  text-align: center;
  background: #1F1F1F;
  color: white;
}

.topbar p {
  color: white;
  text-align: center;
  font-size: 21px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}
<!DOCTYPE html>
<html lang="ru">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="style.css" />
  <title>TEST</title>
</head>

<body>
  <div class="topbar">
    <p>Это сайт, который сделан на <b>HTML</b> и <b>CSS</b>!</p>
  </div>
</body>

</html>

我不知道，也许是因为浏览器（Chrome）的原因，也许是我歪了，但问题依然存在=）

html

1 个回答

  1. Best Answer

    事实上，“body”标签具有符合标准的值。下面列出了默认标记值。

    body {
    display: block;
    margin: 8px;
}

    要解决此问题，您只需添加“css: body”，并指定“margin as 0px;”，示例如下

    body {
    margin: 0px;
}

    Habr：身体上的 8px 填充：没人需要的风格的历史

    • 2

相关问题