previned Ответов: 1

Цвет фона с левой правой полосой прокрутки

я создаю плавающую левую правую полосу прокрутки в css. моя проблема с css-скриптом я не могу отобразить цвет фона сверху,снизу,слева и справа. он не показывает цвет фона. и не показывает полосу прокрутки


вот мой исходный код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  <head>
<style type="text/css">
.left-side{
position:absolute;
float: right;
width: 100%;
background-color:white;
overflow-y:scroll;
height:100%;
}
.right-side{
position:absolute;
width: 30%;
float: left;
background-color:white;
overflow-y:scroll;
height:100%;
}
.main{

background-color:#066;
width:100%;
height:100%;
}
</style>
  </head>
  <body>
  
  <div class="main"> 
  
  <div class="left-side"> left side </div>
  
  <div class="right-side"> right side </div>
      
 </div>
 
 
  </body>


Что я уже пробовал:

<style type="text/css">
.left-side{
position:absolute;
float: right;
width: 100%;
background-color:white;
overflow-y:scroll;
height:100%;
}
.right-side{
position:absolute;
width: 30%;
float: left;
background-color:white;
overflow-y:scroll;
height:100%;
}
.main{

background-color:#066;
width:100%;
height:100%;
}
</style>

1 Ответов

Рейтинг:
1

Member 12656556

Вы добавляете цвет фона слева и справа Белый (#ffffff), так что вы не можете видеть разницу, пожалуйста, добавьте другой цвет как для левого, так и для правого,а также добавьте
тело{
маржа:0;
прокладка:0;
}

если вы даете дочернему div float свойство Родительский div должен иметь 

.main
{
дисплей:встроенный блок;
ширина:100%;
}
здесь 
main
это родительский div, поэтому я использую его.
не добавляйте 
overflow-y:scroll;
для div добавить 
overflow-y:auto;

если вы хотите скроллер, вы должны дать максимальную высоту в пикселях или меньше, чем 100%, если больше conetent появится больше, то ваш упомянутый скроллер высоты появится автоматически.