Что такое эквивалент этой CSS в начальной загрузке в Твиттере?

StackOverflow https://stackoverflow.com/questions/8813315

  •  26-10-2019
  •  | 
  •  

Вопрос 

<div style="float:left;">
    column 1
</div>
<div style="float:left;">
    column 2
</div>
<div style="clear:both;"></div>

Я привык писать clear:both. Анкет Но я слышал в Twitter Bootstrap, есть что -то под названием «Clearfix»? На каком элементе я должен применить «clearfix»?

Это было полезно?

Решение

Использование CSS вы можете просто использовать PSUDEO

.class1:after, .class2:after //append as many as you like
{
 clear:both;
 *zoom:1;
 height:0;
 visibility: hidden;
 display:block;
}

alternative(providing children are not using the position selector)
(parent-elemts){overflow:hidden;}//bit of a quick fix!

Держите нежелательную наценку из вашего HTML -файла

РЕДАКТИРОВАТЬ: Извините! По какой -то причине кнопка «Добавить кнопку комментариев» или «Кнопка Upvote» не работает для меня сегодня вечером.

Чтобы добавить мой ответ, чтобы ответить на ваш другой вопрос:

Вы говорите, что начальная загрузка в Твиттере использует класс .clearfix, который похож на CSS, которые я указал ниже, однако их метод должен быть добавлен в элемент, т.е. "element class =" clearfix "или аналогичный, где как CSS PSEDUO нам не нужно Чтобы добавить этот дополнительный код в наш документ. Однако обратите внимание, что не все браузеры поддерживают CSS PSEDUO.

Другие советы

Вам, вероятно, нужно только сделать:

<div class="container">
   <div class="row">
      <div class="span6">column 1</div>
      <div class="span6">column 2</div>
   </div>
</div>

clearfix не должно быть необходимым.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top