html - 保证金管理不当

Question

jsfiddle： http: //jsfiddle.net/HFCN3/
将边距放在类.ca中，第一个元素#div不应用边距#div，而是从整个身体。怎么解决？

Answer 1

您需要添加填充：0 和溢出：隐藏..

HTML

<div id="div">
  <div class='ca'>
    Text
  </div>
  <div class='ca'>
    Text
  </div>
</div>

CSS

body
{
    margin: 0;
    padding:0;
}
#div
{
    width: 300px;
    height: 500px;
    background-color: black;
    color: white;
        overflow: hidden;
}
div .ca
{
    width: 100%;
    height: 50px;
    margin-top: 6px;
        background-color: red;

}

结果

Answer 2

有点难以解释，但利润需要一些东西来反弹。它不能在 div 的边框上弹跳，所以它会在 div 上弹跳。

您可以通过添加一个padding-top: 6pxto来解决它#div。

或者你可以使用 Itay 的解决方案，但是我个人会使用overflow: auto，同样的效果，但是当 div 应该扩展时，内容不会被隐藏。