ManyWork
  • Войти в систему
  • Зарегистрироваться
  • Проекты
  • Услуги
  • Фрилансеры
  • Команды
  • Курсы
  • Форум
  • Контакты
    • Стиль заголовка
    • Светлый Темный
    • Стиль страницы
    • Фон Обычный
    • Main Layout
    • Цветовая схема
    • по умолчанию
  • Партнерская программа обновление
  • Опубликовать задание

Уменьшить высоту скроллбара
Автор Евгений Кирсанов [evgen_kirsanow]

  • Главная
  • Форум
  • Прочее
  • Программирование
  • Html и css
  • Уменьшить высоту скроллбара
Создано 16.03.2017 в 22:31
Rider98 16.03.2017 в 22:31
avatar
постов

11.03.2017, 15:21. Просмотров 77. Ответов 3
Подскажите пожалуйста, есть правый блок с комментариями. (div)
А так же под этим блоком находится блок нового комментария.
Необходимо что бы блок нового комментария был 40px, а верхний блок комментариев уже растягивался на всю высоту оставшуюся.
Сделал верхний блок высотой 100, и выставил паддинг 40, после чего все пришло в норму, однако на скроллбар не срабатывает паддинг , и окончания скролла происходить лишь в блоке нового комментария, как можно это исправить?

mrtoxas 16.03.2017 в 22:31
avatar
постов

Так?
HTML51 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 <!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8" />   <title>Document</title>   <style>     .wrapper{       width:300px;       border:1px solid black;     }     .comments{       height: 300px;       overflow: hidden;       overflow-Y: auto;     }     .new{       height:40px;       border:1px solid black;     }   </style> </head> <body>   <div class="wrapper"> <div class="comments"> <ul>   <li>Comment1</li>   <li>Comment2</li>   <li>Comment3</li>   <li>Comment4</li>   <li>Comment5</li>   <li>Comment6</li>   <li>Comment7</li>   <li>Comment8</li>   <li>Comment9</li>   <li>Comment10</li>   <li>Comment11</li>   <li>Comment12</li>   <li>Comment13</li>   <li>Comment14</li>   <li>Comment15</li>   <li>Comment16</li>   <li>Comment17</li>   <li>Comment18</li>   <li>Comment19</li>   <li>Comment20</li>   <li>Comment21</li>   <li>Comment22</li>   <li>Comment23</li>   <li>Comment24</li>   <li>Comment25</li>   <li>Comment26</li>   <li>Comment27</li>   <li>Comment28</li>   <li>Comment29</li>   <li>Comment30</li> </ul>   </div> <div class="new"> new   </div> </div> </body> </html>

mrtoxas 16.03.2017 в 22:31
avatar
постов

Сообщение было отмечено автором темы, экспертом или модератором как ответ

Вы Сейчас
avatar
  • Prev
  • 1
  • 2
  • 3
  • ...
  • 10
  • Next
© MANYWORK.RU

Settings

Vital Info

Admin

Password Update