html body设置了高度100%溢出,css - html, body height 100% - Stack Overflow

I have a problem with the container-about div.

Its height is 100% because I want div occupies the entire width and height after header div.

The problem is that now I do not scroll to show the full text.

We would also like the ability to display text with scroll for tablet and smartphone.

Thanks for Your help.

text comes here.....

........

css:

* {

margin: 0 auto;

padding: 0;

}

html, body {

height: 100%;

overflow: hidden;

}

body {

font-size: 12px;

line-height: 1.5;

background: #000;

font-weight: 400;

}

.header {

top: 0px;

left: 0px;

width: 100%;

height: 100px;

position: fixed;

background: gray;

opacity: 0.8;

}

.header-container {

width: auto;

height: 100px;

margin: 0 10% 0 10%;

text-align: center;

}

.container-wrapper {

width: 100%;

height: 100%;

}

.container-about {

margin: 100px auto;

padding-bottom: 2%;

width: 100%;

height: 100%;

background: #FFF;

position: relative;

}

.container-about h3 {

padding: 0 10% 5% 10%;

font-family: 'Verdana', sans-serif;

font-size: 12px;

line-height: 150%;

font-weight: 400;

}