| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > Большой отступ перед clear |
| Автор: fankyolo 25.3.2012, 16:18 |
| Контейнер с плавающими блоками имеет высоту большую чем свой контент. Причем растягивается он до определенного предела, и если сверху, как показано на скриншоте, начать добавлять текст - то блок сокращается. В чем тут может быть дело? |
| Автор: MagicDew 27.3.2012, 15:30 |
| С представленным Вами кодом, у меня такой проблемы не возникло. Возможно, контейнер "checkout-nav-controls" или теги внутри него наследуют еще какие-то свойства. И еще, если по нажатию кнопки "Далее" на сервер должны отправляться какие-то данные, то <input> должен быть обязательно внутри <form> |
| Автор: Likoos 31.3.2012, 15:51 |
| я в последнее время пытаюсь по реже использовать див clear а что бы сбросить флоаты просто верхние блоки в которых они используются беру в див с overflow:hidden |
| Автор: SelenIT 3.4.2012, 15:01 |
Спорю на 3 сникерса, что справа или слева есть еще один (как минимум) плавающий блок, и <div class="clear"> опускается аккурат на уровень его нижнего края  . Так и должно быть по спецификации. Чтобы стало иначе, нужно в контейнере с кнопками включить новый контекст форматирования блоков (наиболее популярный вариант — overflow:hidden — подсказали выше). |
| Автор: Aliance 3.4.2012, 17:24 |
| SelenIT, а можно увидеть примеры менее популярных способов? clearfix? |
| Автор: SelenIT 3.4.2012, 19:34 |
| Нет, clearfix — это аналог того же <div class="clear">, только без лишней разметки. Способы создания блочного контекста перечислены http://www.w3.org/TR/CSS21/visuren.html#block-formatting спецификации: это float-ы, абсолютно позиционированные элементы, элементы с display:inline-block, table-cell и table-caption (на практике еще и table c table-row — в них создается безымянная "прослойка" с table-cell, которая и создает контекст) и элементы с overflow:hidden/auto/scroll (в общем, лишь бы не visible). |