Quantcast
Channel: Комментарии: Новая альтернатива clearfix-у и overflow:hidden
Browsing all 37 articles
Browse latest View live

Автор: Elena

View Article



Автор: set

Чёт в опере свежей не работает данный метод: 1 - <a href="http://joxi.ru/1LmMUdg5CbBiIczzZ-s" rel="nofollow">http://joxi.ru/1LmMUdg5CbBiIczzZ-s</a> 2 - <a...

View Article

Автор: set

уже увидел среди комментариев некую вставку со ссылкой на статью, в которой описана эта проблема… было бы здорово, если бы эта "вставка" оказалась прямо вконце статьи…

View Article

Автор: alexriz

<p>Я уже несколько раз предлогал дополнить статью, но видимо у них просто руки не доходят. Вот актуальный clearfix:</p> <blockquote> <p>/* clearfix */<br /> .clearfix...

View Article

Автор: SelenIT

Единственное, что я всё-таки решительно и громко возражаю против названия «clearfix» для этого подхода:). Clearfix-ы, имхо, как раз отличаются тем, что не создают BFC (что хорошо видно из примера к...

View Article


Автор: alexriz

<p>не могу не согласиться с тобой. Это кусок из моего сниппета который я использую, я привык к этому названию просто, оно мне удобно :)</p>

View Article

Автор: Aleksey

Интересно, а такому способу будут аргументы против? : На странице примера выбираем галочку "Ничего" затем у блока с классом "clear-both" убираем стиль "clear: both;" добавляем ему стиль...

View Article

Автор: Максим Усачев

<p>Дело в том, что, во-первых, display-table создаёт свой контекст, что позволяет всем его вложенным элементам, включая плавающие, оставаться внутри него. Т.е. созданный блочный контекст начинает...

View Article


Автор: Илья Стрельцын

<p>К сожалению, совсем не работает в Firefox (32) — псевдоэлемент-распорка, вместо того, чтобы проваливаться под картинку, просто торчит вправо, вызывая горизонтальный скроллинг. Кроме того, трюк...

View Article


Автор: Aleksey

Да, согласен, недоглядел. >> Firefox (32) — псевдоэлемент-распорка, вместо того, чтобы проваливаться под картинку, просто торчит вправо, вызывая горизонтальный скроллинг У меня в том же FF,...

View Article

Автор: Роминбобин

Решил так: вставил display: inline-block; элементу и всё!

View Article

Автор: SelenIT

С шириной элемента только не всё. А так, да, еще один вариант, близкий к третьему.

View Article

Автор: Роминбобин

Ширина другое дело.

View Article


Автор: A

Странно, что в статье не указано об этом ньюансе. На мой взгляд, чрезвычайно значительном — т.к. вёрстка может просто разваливаться, если внутри блока с display:table находится слишком широкий...

View Article

Автор: SelenIT

Спасибо за справедливое замечание. Вообще, на мой взгляд, не влезающий в колонку контент — ситуация, нештатная сама по себе, и в любом случае придется выбирать какой-то компромисс (либо возможность...

View Article


Автор: Алексей

Обалденный метод, интересный, но… непонятный :( Вот то, что Вы пишите, на уровне идеи, в общем-то, понятно, но в общую картину, к сожалению, не складывается… Опыта маловато. Вот мы повесили на правый...

View Article

Автор: SelenIT

Контексты форматирования — вообще <a href="http://css-live.ru/articles-css/display-and-formatting-contexts.html" rel="nofollow">довольно малоизученная область</a>, до совсем недавнего...

View Article


Автор: Алексей

Спасибо Вам огромное! Прочитал весь текст и из-за того, что он так замечательно «разжёван» стало практически всё понятно! Позже, конечно, прочитаю всё ещё более внимательно, поразбираюсь, но в любом...

View Article

Автор: Алексей

Ну вот исходя из написанного и ссылок мне представляется клиеренс — одно из наиболее значимых для базового понимания написанного в статье. Когда понимаешь как работает clear для плавающих элементов,...

View Article

Автор: SelenIT

Да, это действительно забавный момент, где спецификация фактически не обязывает браузеров ни к чему, но они сами на удивление дружно ведут себя разумно:). Причем это справедливо и для таблицы, и для...

View Article
Browsing all 37 articles
Browse latest View live




Latest Images

Pangarap Quotes

Pangarap Quotes

Vimeo 10.7.0 by Vimeo.com, Inc.

Vimeo 10.7.0 by Vimeo.com, Inc.

HANGAD

HANGAD

MAKAKAALAM

MAKAKAALAM

Doodle Jump 3.11.30 by Lima Sky LLC

Doodle Jump 3.11.30 by Lima Sky LLC