Html не прокрутка

Question

Так что моя страница не будет прокручиваться. У меня было несколько попыток с некоторыми исследованиями и я попытался избавиться от позиции: исправлено, но, похоже, это не помогло. Какие-либо предложения?

Вот CSS:

body { 
height: 2000px 
overflow: scroll; 
} 
#header { 
z-index: 1; 
position: relative; 
width: 97.5%; 
margin-top: 5px; 
height: 60px; 
background-color: #fffafa; 
margin-bottom: 10px; 
} 

#footer { 
clear: both; 
position: relative; 
width: 97.5%; 
margin-top: 5px; 
height: 30 px; 
background-color: #ffc873; 
margin-bottom: 5px; 
} 

.left { 
position: relative; 
margin-top: 70px; 
height: 300px; 
width: 20%; 
background-color: #689ad3; 
float: left; 
} 

.right { 
height: 200px; 
width: 20%; 
margin-top: 70px; 
height: 300px; 
background-color: #689ad3; 
float: right; 
} 

Спасибо!

Answer 1

Из-за вашего кода css.

height: 2000px 

Избавьтесь от него немедленно

Answer 2

Да, вы пропустили точку с запятой после первого объявления для body тега: body { height: 2000px; overflow: scroll; }

Answer 3

Try этот CSS:

body { 
height: 2000px; 
overflow-y: scroll; 
} 
#header { 
z-index: 1; 
position: relative; 
width: 97.5%; 
margin-top: 5px; 
height: 60px; 
background-color: #fffafa; 
margin-bottom: 10px; 
} 

#footer { 
clear: both; 
position: relative; 
width: 97.5%; 
margin-top: 5px; 
height: 30 px; 
background-color: #ffc873; 
margin-bottom: 5px; 
} 

.left { 
position: relative; 
margin-top: 70px; 
height: 300px; 
width: 20%; 
background-color: #689ad3; 
float: left; 
} 

.right { 
height: 200px; 
width: 20%; 
margin-top: 70px; 
height: 300px; 
background-color: #689ad3; 
float: right; 
} 

Answer 4

Таким образом, выясняется, что проблема не была в CSS в конце концов. Проблема заключалась в том, что мой код django не искал CSS в нужном месте - как только я переместил код в правильное статическое местоположение, решение overflow-y работало как шарм.