HTML Utopia: Designing Without Tables Using CSS

B.22. clear

Setting a clear property on an element lets you specify that it should appear below any floating elements that would normally cut into it. You can specify that the element should be clear of left-floated elements, right-floated elements, or both.

Inherited: No

See also: Section B.36float

B.22.1. Value

left, right, none, or both.

Initial value: none

B.22.2. Compatibility

CSS Version: 1

Works in all CSS-compatible browsers, including Internet Explorer 4 or later, Netscape 4 or later, and Mozilla browsers.

B.22.3. Example

This style rule ensures that the element with ID footer will be clear of any floating elements above it in the page:

#footer {
  clear: both;
}