CSS保证金不能正常工作

<style type="text/css"> 
    .header 
     { 
      background-color: #000000; 
      margin-bottom: 10px; 
     } 

     .body 
     { 
      background-color: #FFFFFF; 
      margin-bottom: 10px; 
     } 

     .footer 
     { 
      background-color: #000000; 
     } 

     .body #content 
     { 
      width: 80%; 
      min-height: 500px; 
      float: left; 
      background-color: red; 
     } 

     .body #menu 
     { 
      width: 20%; 
      min-height: 500px; 
      float: right; 
     background-color: blue; 
     } 
     </style>

上面的代码工作，但“margin-bottom”属性不会在正文div的底部创建空间。为什么？CSS保证金不能正常工作

来源

2011-01-28 Neutralizer

尝试在菜单div后面加上`

`。 – 2011-01-28 19:23:03

您的问题的技术答案可能取决于您使用的浏览器。在一个浏览器中，答案可能是Fred忘记执行它，没有测试发现它。另一个浏览器可能有一个答案，即项目经理没有发现问题的重要性足以解决问题。

如果你以任何有意义的方式处理CSS和浏览器，你只需要习惯所有的怪癖。某些浏览器需要奇怪的扭曲来完成特定的任务，而另一个浏览器则无需任何操作。然后，在另一项任务中，角色相反。

来源

2011-01-28 19:19:29