CSS类自动调整宽度为100％，我不希望它这样做

Question

为标题中的奇怪用语道歉。

我正在设计一个网站的问题。我正在使用WordPress，但我认为这不是问题。

问题是，我有一个“模块”类，它应该包装到它的内容。但是，它不是包装，而是默认延伸到其父宽度的100％。当我手动输入适当的宽度时，右边距仍然会延伸到其容器的右侧边缘。当我手动调整边距时，没有任何变化。

这是模块类，只是因为：

.module
{
margin:0px;
padding:5px;
background:#356;
border:#38a solid 1px;
}

这很简单。但是，我希望它包含在其内容中。相反，它会自动调整自身大小以扩展到其父级的100％。

我已经仔细检查了我的样式表和Chrome的元素检查员，并且在我的生活中无法弄清楚发生了什么。

Answer 1

您可能正在将该类添加到block-level元素，例如div或段落。块级元素默认为display: block，因此它们会延伸到宽度或其父级。

您可以使用display: inline-block;更改该行为：

.module {
    display: inline-block;
    margin: 0;
    padding: 5px;
    background: #356;
    border: 1px solid #38a;
}