html - 无法同时显示：inline-block 和 width:100%

Question

我不是 CSS 专业人士。所以我只知道它的一些基础知识。我的任务是拥有 100% 的正文宽度，同时它不应该在浏览器窗口调整大小时包装内容。

为了实现这一点，我添加display: inline-block了我的 body 标签的 CSS 样式。但是当我这样做时，宽度会减小。然后我尝试添加width:100%到身体风格。宽度按我的意愿改变，但随后display: inline-block停止工作。如何同时启用这两个属性？

<body style="display: inline-block; width:100%"><!--content---></body>

score 1 · Accepted Answer

为什么要固定body宽度？如果您愿意，只需在体内使用容器

CSS

body {
  height: 100%;
  width: 100%;
}

.container {
  width: 1000px;
  margin: 0 auto;
}

HTML

<body>
  <div class="container"></div>
</body>

或者，如果您希望您的内容区域100%不仅仅是将您的 CSS 更改为此

CSS

body {
  height: 100%;
  width: 100%;
}

.container {
  width: 100%;
}

1 回答 1