为嵌套在浮动div中的元素设置margin属性

Question

为什么边距在这个浮动元素中不起作用？

这是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”。将#content更改为：

 margin: 30px 30px 30px 30px;

或简要地说：

margin: 30px;