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

Question

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

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

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

这里的模块类，只是因为：

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

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

我已经冲刷我的我的两个样式表和铬的元素督察，并不能为我的生命弄清楚发生了什么事情。

Answer 1

你可能添加该类到block-level元素，例如一个div或一个段落。块级元素默认具有display: block，因此它们伸展到宽度或其父级。

您可以使用display: inline-block;来改变这种行为：

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