Question

我有两个div ..

CSS

#content {
    background: url('../images/bg.jpg') no-repeat left;
    width: 100%;
    height: 811px;
}
#welcome {
    background: #fff;
    width: 600px;
    height: 50px;
    color: #000;
    margin-top: 200px;
}

HTML

<div id="content">
    <div id="welcome">
        this is welcome
    </div>
</div>

保证金是移动父div，而不是一个。我也尝试给父div提供填充，同样的事情。怎么解决？

Answer 1

尝试将overflow:hidden;添加到父

#content{
  background:url('../images/bg.jpg') no-repeat left;
  width:100%;
  height:811px;
  overflow:hidden;
  border: 1px solid; /*remove*/
}
#welcome {
  border: 1px solid; /*remove*/
  background:#fff;
  width:600px;
  height:50px;
  color:#000;
  margin-top:200px;
}

这里有例子：

http://jsfiddle.net/JmBj9/

（我添加了边框，你可以看到它）

Answer 2

尝试溢出：自动;

#content{
background:url('../images/bg.jpg') no-repeat left;
width:100%;
height:811px;
overflow:auto;
}
#welcome {
background:#fff;
width:600px;
height:50px;
color:#000;
margin-top:200px;
}

最高保证金在div内部无效

2 个答案: