Question

假设我有像

这样的HTML

<body id="doc"> 

  <div id="container">
    ddd
  </div>

</body>

我的CSS是

#doc {
    margin-top:0;
    width: 480px; 
    height: 320px;
    background-color: red;   
    overflow:auto;
}

#container {
    text-align: center;
    width: 400px;
    background-color: green;
    margin: 10px; 
}

似乎通过使用溢出：auto没有帮助，任何想法？

Answer 1

通过清除：

强制较低级别向下延伸到最后一个元素

<style>
    #doc {
        margin-top:0;
        width: 480px; 
        height: 320px;
        background-color: red;   
        overflow:auto;
    }

    #container {
        text-align: center;
        width: 400px;
        background-color: green;
        margin: 10px; 
    }


    #stretchmyparent {
      clear:both;
    }
    </style>

    <body id="doc"> 
      <div id="container">
        ddd
      </div>

      <div id='stretchmyparent'></div>
    </body>

已修复CSS Margin Collapsing

1 个答案: