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

【问题标题】：Unable to have display: inline-block and width:100% at the same time无法同时显示：inline-block 和 width:100%
【发布时间】：2012-11-02 20:45:07
【问题描述】：

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

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

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

【问题讨论】：

上面给出了我可以发布的代码。

标签： html css styles width inline

【解决方案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%;
}

【讨论】：

感谢它的工作。还有一件事我想问的是，当我将这种样式应用到主页时，它就像一种魅力。但是当应用于链接到它的其他页面时，它与问题中的问题相同。可能是什么原因？其他所有页面的结构与首页相同。
@ShivaPareek 这取决于你的其他样式，元素的位置，是absolute，relative等