html - 为嵌套在浮动 div 中的元素设置边距属性

Question

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

这是示例。

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