Floating elements

Floating boxes are the most used in modern layouts. The theory of floating boxes was used especially in grid systems and inline lists in CSS frameworks. For example, class and mixin inline lists (in the Zurb Foundation framework) are based on floats.

Possibilities of floating elements

Elements can be floated to the left and right side. Of course, there is a method to reset floats too. The possible values are as follows:

float: left; // will float element to left
float: right; // will float element to right
float: none; // will reset float 

Most known floating problems

When you are using floating elements, you can have some issues. The most known problems with floated elements are as follows:

  • Too big elements (because of width, margin ...

Get Professional CSS3 now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.