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

Question

为标题中的奇怪措辞道歉。

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

问题是，我有一个"模块"类，它应该包装到它的内容。但是，默认情况下，它不是换行，而是拉伸到其父宽度的 100%。当我手动输入适当的宽度时，右边距仍然延伸到其容器的右侧边缘。当我手动调整边距大小时，没有任何变化。

这是模块类，只是因为：

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

这很简单。但是，我希望它被包装到其内容中。相反，它会自动调整自身大小以拉伸到其父级的 100%。

我已经搜索了我的样式表和Chrome的元素检查器，并且一生都无法弄清楚发生了什么。

Answer 1

您可能正在将该类添加到块级元素（如div 或段落）中。块级元素默认具有display: block，因此它们拉伸到宽度或其父元素。

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

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