为嵌套在浮动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;