mozilla

Compare Revisions

float

Change Revisions

Revision 6105:

Revision 6105 by fscholz on

Revision 6106:

Revision 6106 by mmclark on

Title:
float
float
Slug:
CSS/float
CSS/float
Tags:
css, "CSS Reference"
css, "CSS Reference"
Content:

Revision 6105
Revision 6106
nn94    <h4>
95      How floats are positioned
96    </h4>
t95      TODO: should explain how floats are positioned.t98      As mentioned above, when an element is floated it is taken 
 >out of the normal flow of the document.&nbsp; It is shifted to th
 >e left or right until it touches the edge of it's containing box 
 ><em>or another floated element</em>.
99    </p>
100    <p>
101      In the image below, there are three red squares.&nbsp; Two 
 >are floated left and one is floated right.&nbsp; Note that the se
 >cond "left" red square is placed to the right of the first.&nbsp;
 > Additional squares&nbsp; would continue to stack to the right un
 >til they filled the containing box, after which they would wrap t
 >o the next line.
102    </p>
103    <p>
104      <img alt="" class="internal" src="/@api/deki/files/4927/=fl
 >oats.png" style="width: 729px; height: 248px;">
105    </p>
106    <p>
107      &nbsp;

Back to History