Question

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

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

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

Answer 1

为什么要修复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%;
}