0

我有：

HTML

<div id="container"><div id="left"><div class="box">blahblah</div></div></div>

CSS

.box  {
    height: 200px;
    width: 300px;
    margin: 50px;
    background:url(box.png) no-repeat } 
#container{
    width:100%;
}
#left{
    float:left;
    width: 260px;
    height: 600px;
}

当我添加margin: 25px;到 .box 类时，它会在页面上移动整个框 div。我应该怎么做才能在 div (.box) 中保留内容 (blahblah)？

4

2 回答 2

1

您必须考虑 CSS 使用“盒子模型”这一事实

http://www.w3schools.com/css/css_boxmodel.asp

边距用于外部空间限制，而填充用于内部。

于 2013-04-09T15:59:30.177 回答
1

如果我理解您的问题，您只是在寻找padding: 25px;- 这会在框尺寸内或内容框周围和边框边缘内增加空间

这是一个简单的模型来帮助可视化盒子模型：

http://img199.imageshack.us/img199/4949/boxdim.png

查看CSS 2.1 规范中的Box Model部分：http: //www.w3.org/TR/CSS2/box.html了解更多信息

于 2013-04-09T15:59:40.817 回答