Вопросы с тегом 'clearfix'

Clearfix - это способ автоматического стирания элемента после себя, поэтому вам не нужно добавлять дополнительную разметку. Он обычно используется в макетах с плавающей точкой, где элементы размещаются горизонтально.
10

Что такое clearfix?

Недавно я просмотрел код веб-сайта и увидел, что каждый <div> имеет класс clearfix. После быстрого поиска Google я узнал, что это иногда для IE6, но что на самом деле является clearfix? Не могли бы вы привести несколько примеров макета с c...
18 дек. '11 в 19:02
16

Как вы держите родителей от плавающих элементов от рушится?

Несмотря на то, что такие элементы, как <div>, обычно растут, чтобы соответствовать их содержимому, использование свойства float может вызвать потрясающую проблему для новичков CSS: , если в элементах с плавающей точкой есть неоплачиваемые род...
20 окт. '08 в 15:10
29

Какие методы "clearfix" можно использовать?

У меня есть старая проблема обтекания div двухколоночного макета. Моя боковая панель плавает, поэтому мой контейнер div не может обернуть содержимое и боковую панель. <div id="container"> <div id="content"></div> <div id="s...
17 окт. '08 в 8:15
3

Что делает класс clearfix в css?

Я видел, что теги div используют класс clearfix, когда дочерний divs использует свойство float. Класс clearfix выглядит следующим образом: .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidde...
03 мар. '12 в 4:46
3

Понимание класса clearfix для Bootstrap

.clearfix { *zoom: 1; &:before, &:after { display: table; content: ""; // Fixes Opera/contenteditable bug: // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952 line-height: 0; } &:after { cle...
20 февр. '13 в 6:05
8

Является ли clearfix устаревшим?

Вы знаете о вековой проблеме: контейнеры, содержащие плавающие элементы, автоматически не расширяют свою высоту, чтобы заключить их детей. Один из способов исправить это - clearfix, который добавляет ряд правил CSS для обеспечения правильного растяж...
06 апр. '11 в 11:36
6

Как создать новую строку после элемента bootstrap twitter?

Извиняюсь, потому что это похоже на такую ​​простую вещь. Каков правильный способ вставки новой строки таким образом, что следующий элемент находится в новой строке? Кажется, что некоторые вещи автоматически делают это (например, <p> внутри `...
16 июл. '12 в 8:41
1

ClearFix vs Overflow

Это стандартная проблема с плавающей запятой. У вас есть куча плавающих элементов внутри родительского контейнера div. Поскольку childs являются плавающими, родительский объект не расширяется, чтобы включать все из них. Я знаю о решении clearfix, а ...
03 мар. '10 в 17:37
1

Очистить с помощью twitter bootstrap

У меня проблема с twitter bootstrap, которая выглядит немного странно для меня. У меня есть боковая панель с фиксированной слева и основной областью. <div> <div id="sidebar"> <ul> <li>A</li> <li>...
05 сент. '13 в 7:46
2

Проблема с классом clearfix в бутстрапе

Я использую twitter bootstrap, у меня проблема с классом clearfix в bootstrap. Мой html: <div class="pull-left">This is a text</div> <hr class="clearfix" /> Я ожидаю, что горизонтальная линия должна появиться в следующей строке ...
28 апр. '13 в 7:12
2

960 grid clearfix vs HTML5 Boilerplate clearfix - В чем разница?

960 grid clearfix vs HTML5 Boilerplate clearfix - Какая разница? Здесь clearfix найдено в сетке Nathan Smith 960 css: /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before, .clearfix:after { c...
29 июн. '11 в 17:05
4

Sass/SCSS Mixin для Clearfix - лучший подход?

Я хочу удалить класс clearfix из своего HTML и включить в my SCSS (приложение Rails 3.1) clearfix mixin. Каков наилучший подход к этому? Я подумываю просто взять очиститель HTML 5 Boilerplate и превратить его в mixin, а затем @включив его в CSS для...
22 авг. '11 в 23:16
2

Выровнять по левому краю этикетку - выровнять по правому краю элемент (CSS)

У меня есть макет формы, который я хочу отобразить выровненную метку слева, а выравнивание формы - вправо. Я пытаюсь заставить его работать с помощью float: прямо на элементе управления формой (в данном случае a), а затем применяя к нему класс clearf...
07 дек. '11 в 22:48
2

проблема clearfix с тегом <ul> <li>

Я использую clearfix, чтобы очистить float. Но проблема в том, что в <li> и <div> существует разная высота. Высота li.clearfix равна 32px, но высота div.clearfix равна 18px. когда я удаляю .clearfix:before, они все одинаковы. Но при попыт...
18 дек. '13 в 9:52
2

Clearfix с абсолютными позиционируемыми элементами

Моя проблема заключается в следующем: Граница не переносит содержащиеся элементы. Я знаю, это потому, что я позиционирую контент-элемент абсолютным, но мне нужно, чтобы они были абсолютными для работы макета. Это также означает, что я не могу исполь...
02 нояб. '12 в 11:00