Question

<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”属性不会在body div的底部创建空间。为什么会这样？

Answer 1

在overflow-y: auto选择器上尝试.body。然后应该识别浮子的高度。

Answer 2

这是一个显示边框的jsfiddle：http://jsfiddle.net/PDk7b/

我添加的样式是：

。体 { background-color：#FFFFFF; margin-bottom：10px; 最小高度：500px; 显示：块; }

希望有所帮助。

鲍勃

Answer 3

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

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

CSS边距不能正常工作

3 个答案: