Почему прямо перед нижним колонтитулом есть «чистый» класс?

0

Недавно я модифицировал шаблон из Blogofile, который написан в HTML 5.

Когда я посмотрел на сгенерированную страницу,

<div class="clear"></div>

в исходном коде html перед нижним колонтитулом. Что это значит? Как настроить CSS соответственно?

  • 2
    Вы смотрели определение .clear ?
  • 3
    Это так называемое исправление . Google это. ;)
Показать ещё 6 комментариев
Теги:

2 ответа

1
Лучший ответ

Скорее всего, как упоминалось другими, это класс, несущий значения css:

.clear{clear: both;}

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

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

1

Класс в HTML означает, что для того, чтобы устанавливать атрибуты в CSS, вам просто нужно добавить период перед ним.
Например, код CSS этого html-кода может быть:

.clear {
    height: 50px;
    width: 25px;
}

Кроме того, если вы, как было предложено abiessu, пытаетесь добавить CSS clear: both; атрибут для div, чтобы предотвратить перемещение влево или вправо этого div, вы можете использовать этот код CSS:

.clear {
    clear: both;
}
  • 1
    Хорошо ответил за общий CSS. Теперь, можете ли вы поговорить со спецификой, почему существует класс с именем clear и как он используется?
  • 0
    Спасибо. Я назвал класс ясно, потому что это было имя класса в предложенном вопросе. Для того, как он используется, вы устанавливаете класс в html, как показано в вопросе, и соединяете два документа (html и css), вставляя соединение с документом css в заголовок HTML-кода.
Показать ещё 4 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню