1 1 1 1 1 1 1 1 1 1 (0 Votes)

Esempio 59: Il float left sul rosso lo toglie dal flusso e il verde scatta su... scomparendo dietro al rosso.  Risultato

<!DOCTYPE html>

<html lang="it">

<head>

<meta charset="UTF-8">

<title>Titolo del documento</title>

<style>

.wrapper  {
    padding:20px;
    max-width:960px;
    background:#999;
    margin:0 auto;
    }
    
.blu  {
    background:blue;
    float:right;
    }

/* il float left sul rosso lo toglie dal flusso e il verde scatta su... scomparendo dietro al rosso */
    
.rosso  {
    background:red;
    float:left;
    }
    
.verde  {
    background:green;
    }
    
.box  {
    height:100px;
    width:100px;
    }

</style>

</head>

<!-- esempio utile per vedere il funzionamento del float -->

<body>

<div class="wrapper">

<div class="blu box"></div>
<div class="rosso box"></div>
<div class="verde box"></div>

</div>


</body>

<!-- esempio realizzato o adattato per il corso gratuito Html/Css di https://www.guideinformaticagratis.it/ -->

</html>

Risultato  






Commenti (0)

There are no comments posted here yet

Lascia i tuoi commenti

  1. Posting comment as a guest.
Allegati (0 / 3)
Share Your Location