|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
09.12.2015, 12:53 | #1 |
Пользователь
Регистрация: 25.09.2015
Сообщений: 50
|
Почему работает именно так
Нашел в интернете статью по резиновой верстке. Изучил, но не понял как работают основные два приема. В связи с этим вопросы:
1. В otstup футер прижат к низу за счет того, что центральная часть имеет размер 100%. Но зачем, чтобы она сохраняла эти значения, необходимо у HTML и body указать height 100%? 2. Во втором примере у тега main есть отступы на размер сайдбаров, и он обернут в тег mainwrap. За пределы последнего вынесены два сайдбара. Но как получается, что они стоят выше своего положения, и проходя сквозь mainwrap, встают на приготовленные для них места? Заранее спасибо. |
15.12.2015, 01:23 | #2 |
Регистрация: 18.10.2013
Сообщений: 8
|
1.
#wrapper { position: relative; height: 100%; } Див враппер имеет высоту в 100% тоесть во весь экран. после него идет футер , тоесть футэра не должно быть видно но и за footer { margin: -100px auto 0;} он поднимается на 100пкс вверх , ровно 100px и есть его высота height:100px;. У HTML и body не надо ничего указывать ... Wrapper и есть корпус сатраницы; |
15.12.2015, 01:41 | #3 |
Регистрация: 18.10.2013
Сообщений: 8
|
2. Все это благодаря float:left; и margin-left:-100%; для левого саидбара можно поставить и -50% -70% и посмотришь как работает.
А для правого: float: left; margin-left: -240px; Так работает флоат как бы объединяет их но уже с помошью марджин ставишь куда надо. |
17.12.2015, 22:36 | #4 | |
Пользователь
Регистрация: 25.09.2015
Сообщений: 50
|
Цитата:
А вот за объяснение ко второму - огромная благодарность, сам не доехал |
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Почему так работает? | Hall | Общие вопросы C/C++ | 15 | 26.01.2012 00:02 |
Функция на Си, как именно она работает | Алексей Денисов | Помощь студентам | 3 | 13.11.2011 20:16 |
Почему не работает программа, что не так? | Демик | Паскаль, Turbo Pascal, PascalABC.NET | 9 | 17.07.2011 21:12 |
Почему так медленно работает цикл? | zotox | Общие вопросы C/C++ | 3 | 09.01.2011 23:57 |
Реально ли написать чат именно так? | Dr.MagoR | Общие вопросы Delphi | 3 | 12.04.2009 00:38 |