CSS边距不为'；我不能正常工作 .标题 { 背景色：#000000； 边缘底部：10px； } .身体 { 背景色：#FFFFFF； 边缘底部：10px； } .页脚 { 背景色：#000000； } .正文#内容 { 宽度：80%； 最小高度：500px； 浮动：左； 背景色：红色； } .body#菜单 { 宽度：20%； 最小高度：500px； 浮动：对； 背景颜色：蓝色； }

上面的代码可以工作，但是“margin bottom”属性在body div的底部没有创建空间。为什么会这样

在

.body

选择器上尝试

overflow-y:auto

。然后应该识别浮动的高度。

您问题的技术答案可能取决于您使用的浏览器。在一个浏览器中，答案可能是Fred忘了实现它，没有测试发现它。另一个浏览器可能有一个答案，项目经理认为这个问题还不足以解决

---

如果你正在以任何有意义的方式处理CSS和浏览器，你只需要习惯所有的怪癖。一些浏览器需要奇怪的变形来正确完成特定任务，而另一个浏览器则不需要任何变形。然后，在另一个任务中，角色会反转。

下面是一个显示边框的JSFIDLE：

我添加的样式有：

.身体 { 背景色：#FFFFFF； 边缘底部：10px； 最小高度：500px； 显示：块； }

希望有帮助

Bob

尝试在菜单div之后添加

。

<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>