Question

我在这里搜索了一个回复，但我找不到解决方案......

我的div高度有问题。我自己解释一下：我在页面顶部有一个菜单，固定重量：50px。

我有一个MainDiv，它是min-height的主要div：100％。我已经把高度：100％用于HTML和身体。我的问题是我的MainDiv的背景颜色不会从页面的顶部到底部。我知道这是因为我的菜单有一个固定的高度，但我不明白如何改变它...

html {
  height: 100%;
}

body {
    background-image: url('../../Images/fond2.jpg');
    background-size: cover;
    background-attachment:fixed;
    background-position: left top;
    margin: 0;
    height: 100%;
}

#menuBackground {
    background:#2f3036;
    text-align: center;
    width : 100%;
    height : 50px;
    display : relative;
}

#MainDiv{
    max-width:850px;
    min-height: 100%;
    margin: 0 auto;
    background-color:#E0CDA9;
    display : absolute;
    z-index: 10;
}

看看我的小提琴项目：http://jsfiddle.net/hr8sL/5925/

我只想在页面上填充背景颜色（当然没有顶级菜单）。

编辑：我试过使用overflow：auto。它工作但滚动条位于div上。我想将滚动条保留在整个页面上。

Answer 1

试试这个：#menuBackground {display : relative;}中有错误。

将其更改为#menuBackground {display : inline-block;}

页面颜色从上到下的高度div

1 个答案: