Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Div co scroll / 3 сообщений из 3, страница 1 из 1
29.07.2015, 16:03
    #39018826
-=Koba=-
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Div co scroll
Есть див1 с высотой 400px
В нем лежит див2 с высотой 50px
Также в див1 лежит див3 (скролл)

Как сделать, что див3 занимал оставшиеся 350px, если ставлю ему высоту 100% он съедает 400px;
Если высоту не ставить, то соответственно нет скролла
...
Рейтинг: 0 / 0
30.07.2015, 10:13
    #39019283
-=Koba=-
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Div co scroll
Никто не сталкивался?
...
Рейтинг: 0 / 0
30.07.2015, 10:26
    #39019295
position:absolute
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Div co scroll
-=Koba=-,

Код: html
1.
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.
<!DOCTYPE html>
<html>
<head> <meta charset="windows-1251">
<title>test</title>
<style>
.cont {
  position:relative;
  height:400px; width:300px;
}
.first, .second {
  position:absolute;
  width:100%;
}
.first {
  top:0; height:50px;
  background:skyblue;
}
.second {
  top:50px; bottom:0;
  background:green;
  overflow-y:scroll;
}
</style>
</head>
<body>
<div class="cont">
  <div class="first"></div>
  <div class="second"></div>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Div co scroll / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]