Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Posizionare 3 div in orizzontale con un div contenitore, ma resta tutto con altezza zero

    Non capisco perchè il div contenitore è azzerato in altezza e non si vede nulla solo il colore di sfondo della pagina

    <!doctype html>
    <html lang="it">
    <head>
    <title>Esercitazione esame</title>
    <link href="css/general.css" rel="stylesheet" type="text/css">
    <link href="css/main.css" rel="stylesheet" type="text/css">
    <meta charset="UTF-8">
    </head>
    <body>
    <div id="contenitore">
    <div class="box1"></div>
    <div class="box2"></div>
    <div class="box3"></div>
    </div>
    </body>
    </html>

    e questo il css

    body {
    background-color: #2e0430;
    }




    #contenitore {
    width: 700px;

    }
    #contenitore .box1 {
    width: 200px;
    float: left;
    color: yellow;
    }


    .box2 {
    width: 200px;
    float: left;
    color: blue;
    }


    .box3 {
    width: 200px;
    float: left;
    color: red;
    }

  2. #2
    Non si vede nulla perché i 3 div non hanno contenuti, metti dei contenuti nei div e vedrai che si vedono
    “Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.

    Giovanni Falcone

  3. #3
    No, non si vede nulla perchè, da regole css, i float NON contribuiscono a cambiare le dimensioni del contenitore.

    Probabilmente quello che intendi ottenere è ciò che ottieni rimuovendo i float e dando display:flex al contenitore.
    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

Tag per questa discussione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.