爲嵌套在浮動div中的元素設置margin屬性

Question

爲什麼margin在此浮動元素內不起作用？

這裏是example。

<div id = "floated"> 
     <div id="content"> 
      <p>Some content</p> 
     </div> 
    </div> 

#floated 
{ 
    float:right; 
    width:200px; 
    height:100px; 
    border-style:solid; 
} 
#content 
{ 
    margin: 30 30 30 30; 
} 

Answer 1

正如BoltClock說這是30PX不只是 「30」：http://jsfiddle.net/Bph8D/3/

#floated { 
    float:right; 
    width:200px; 
    height:100px; 
    border-style:solid; 
} 
#content { 
    margin: 30px; 
}​ 

Answer 2

你應該輸入 「PX」。改變＃內容到：

margin: 30px 30px 30px 30px; 

或簡稱：

margin: 30px;