CSS Float tutorial

Pubblicato il: 01 gennaio 1970
sul canale di: Tom Norman

6,413

A basic demonstration on how to create and control a float using CSS and HTML

A float allows an element to be moved/placed on the webpage

Float event:

elements are removed from the flow of the website. Will cause issues with non floated elements.

Use:
Float: left, right, none
Clear: left, right, both
ORDER MATTERS!!!
Items in the first position will be placed first.

@tommnorman
@schaffencreate

CODE (Be sure to add brackets to the code below)

body
   Width: 980px;

#box1
   height: 400px;
   width: 300px;
   margin: 10px;
   background: #000;

#box2
   height: 300px;
   width: 300px;
   margin: 10px;
   background: #F00;

#box3
   height: 200px;
   width: 300px;
   margin: 10px;
   background: #0F0;

footer
   height: 200px;
   width: 300px;
   margin: 10px;
   background: #00F;

div id="box1" class="box"
/div
div id="box2" class="box"
/div
div id="box3" class="box"
/div

In questa pagina del sito puoi guardare il video online CSS Float tutorial della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Tom Norman 01 gennaio 1970, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 6,413 volte e gli è piaciuto 59 spettatori. Buona visione!

10,660

268