html比body高,HTML和Body不是100％高度

我有一个侧面divs和一个两个中心divs，中心div用于滚动其中的其他divs。问题是页面正在下载页面HTML和Body不是100％高度

我的位置有问题吗？我该如何解决这个问题？

html,

body {

height: 100%

}

body {

margin: 0px;

font-family: repub;

color: white;

}

.container-main-left {

float: left;

width: 15%;

min-height: 100%;

background-color: red;

display: inline-block;

line-height: 300%;

}

.container-main-right {

float: right;

width: 15%;

min-height: 100%;

background-color: red;

display: inline-block;

line-height: 300%;

}

.container-main-topheader {

display: block;

float: none;

height: 45px;

background: #F00;

background-color: blue;

}

.container-main-fixedscroll {

height: 100%;

overflow: auto;

}

.container-main-fixedstore {

height: 50%;

float: none;

width: 100%;

background-color: aquamarine;

border-bottom: 2px solid;

}

m

a

as

asd

asdf

m

a

as

asd

asdf

m

a

as

asd

asdf

m

a

as

asd

asdf

m

a

as

asd

asdf

m

a

as

asd

asdf

2017-04-18

Somepub

+2

请阅读[我的网站上的某些内容不起作用。我可以只粘贴一个链接吗？](http://meta.stackoverflow.com/questions/125997/something-on-my-web-site-doesnt-work-can-i-just-paste-a-link -to-IT)。当外部资源消失或者固定时，依赖于外部资源被理解的问题变得毫无用处。创建一个[MCVE]并将其置于**问题本身**中。 –

+4

这个“位置：绝对”是什么？你有没有发布一些垃圾只是为了规避代码片段的要求？在问题本身中加入相关的代码。 –

+0

不知道这是你想要的.. https://jsfiddle.net/RACCH/m7ej2n1b/ –