Comments 18
У такого способа есть суровые отрицательные стороны в виде, собственно, overflow:hidden. Использовать следует крайне осторожно.
Я использую этот способ вместо clearfix уже более пяти лет. И не вижу ни одной, хоть убейте, отрицательной стороны.
Этот приём восхитительно работает в случае с height:auto, что составляет около 85% блочной структуры.
И, разумеется, джедай-верстальщик, применяющий данное свойство прекрасно отдаёт себе отчет в том, как могут себя повести контейнер и содержимое в этом случае.
Этот приём восхитительно работает в случае с height:auto, что составляет около 85% блочной структуры.
И, разумеется, джедай-верстальщик, применяющий данное свойство прекрасно отдаёт себе отчет в том, как могут себя повести контейнер и содержимое в этом случае.
Очевидно, что если какой-то элемент надо будет вынести за пределы контейнера, например иконку, врезку, что угодно, то он обрежется.
Из блока с overflow:hidden можно «вытянуть» дочерний элемент.
Для этого у блока с «overflow:hidden» не должно быть «position», отличного от «static».
А «position: relative» можно назначить на родительский блок.
Демо: jsfiddle.net/88fYK/5/
Для этого у блока с «overflow:hidden» не должно быть «position», отличного от «static».
А «position: relative» можно назначить на родительский блок.
Демо: jsfiddle.net/88fYK/5/
А на следующий день внутри блока с overflow: hidden надо будет абсолютно спозиционировать какую-нибудь ерунду, для чего назначить ему position: relative, из-за чего все опять поломается.
Псевдоэлемент :after с clear:both все же надежнее, если проект не «одноразовый», а будет активно развиваться и меняться.
Псевдоэлемент :after с clear:both все же надежнее, если проект не «одноразовый», а будет активно развиваться и меняться.
Решил я как то раз сделать через хидден…
… И на следующий день понеслись проблемы: у вложенных элементов тени обрезались. Потом появился апдейт: по ховеру на иконку внутри такого блока выводить тултип, который естественно был не виден… Иногда буквы бывают большие и сверху снизу могу урезаться…
Вывод: как по мне так минусов полно…
… И на следующий день понеслись проблемы: у вложенных элементов тени обрезались. Потом появился апдейт: по ховеру на иконку внутри такого блока выводить тултип, который естественно был не виден… Иногда буквы бывают большие и сверху снизу могу урезаться…
Вывод: как по мне так минусов полно…
Тут только .clearfix
С тенями тоже проходили и с тултипами. Насчет последних есть маленький чит — если тултипы javascript-овые, то можно элемент с тутлипом добавлять в DOM не к элементу с ховером, а к body и позиционировать абсолютно. Самого воротит от такого решения, предпочитаю обходиться css без скриптов.
С тенями тоже проходили и с тултипами. Насчет последних есть маленький чит — если тултипы javascript-овые, то можно элемент с тутлипом добавлять в DOM не к элементу с ховером, а к body и позиционировать абсолютно. Самого воротит от такого решения, предпочитаю обходиться css без скриптов.
У всего есть минусы, просто использовать нужно там, где этот способ подходит. Ну и уметь пользоваться :)
Может быть я пропустил, но также высота родителя пересчитается, если ему также указать float: left и width: 100%
Сам я до недавнего времени пользовался oveflow: hidden и тупым .
А сейчас я уже перестал бояться, и стал юзать clearfix везде.
Ну а все эти разговоры про семантику меня по большей части забавляют, нужно просто знать все способы решения задачи, и выбирать тот, который лучше подходит для конкретного случая.
Сам я до недавнего времени пользовался oveflow: hidden и тупым .
А сейчас я уже перестал бояться, и стал юзать clearfix везде.
Ну а все эти разговоры про семантику меня по большей части забавляют, нужно просто знать все способы решения задачи, и выбирать тот, который лучше подходит для конкретного случая.
Sign up to leave a comment.
Очистка float-элементов посредством создания нового блочного контекста форматирования