上边距内部没有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，填充同样的东西。怎么解决？

来源

2013-05-14 Marker

可能[Margin-Top push outer div down]的副本（http://stackoverflow.com/questi ons/2680478/margin-top-push-outer-div-down） – nalply

添加一个float元素，例如'float：left;' – meda

这是崩溃边距的经典示例...请参阅发布者@nalply –

尝试溢出：auto;

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

来源

2013-05-14 19:46:17

尝试加入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/

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

来源

2013-05-14 20:01:10 MCSI

上边距内部没有DIV

回答

相关问题