Вверх

Блог
RSS лента

Ответить на комментарий

Clear

Очень полезное свойство при блочной верстке да и просто при использовании плавающих элементов. Например если у вас картинка которая выравнивается по левому или правому краю, почему то налазит на ниже следующие элементы. В этом случае вам нужно присвоить в стилях нижним элементам clear: both, что значит отмену обтекания.

И немножко теории:
Clear - устанавливает, с какой стороны элемента запрещено его обтекание другими элементами. Если задано обтекание элемента с помощью атрибута float, то атрибут clear отменяет его действие для указанных сторон.

clear: both | left | none | right

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

left - отменяет обтекание с левого края элемента. При этом все другие элементы на этой стороне будут опущены вниз, и располагаться под текущим элементом.

right - отменяет обтекание с правой стороны элемента.

none - отменяет действие атрибута clear и обтекание элемента происходит, как задано с помощью атрибута float или других настроек.

Ваша оценка: Пусто Средняя: 3 (2 голосов)

Ответить

 
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Строки и параграфы переносятся автоматически.
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>. Beside the tag style "<foo>" it is also possible to use "[foo]".
  • Image links with 'rel="lightbox"' in the <a> tag will appear in a Lightbox when clicked on.
  • Image links from G2 are formatted for use with Lightbox2
  • Image links with 'rel="lightshow"' in the <a> tag will appear in a Lightbox slideshow when clicked on.
  • Links to HTML content with 'rel="lightframe"' in the <a> tag will appear in a Lightbox when clicked on.
  • Links to video content with 'rel="lightvideo"' in the <a> tag will appear in a Lightbox when clicked on.
  • Links to inline or modal content with 'rel="lightmodal"' in the <a> tag will appear in a Lightbox when clicked on.

Подробнее о форматировании

Главная | Портфолио | Услуги | Контакты | Блог