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; 
}