HTML ne Peut pas Changer la Hauteur de la Div

Donc je suis en train de travailler sur un jeu de tic tac toe, mais pour une raison quelconque, mes divs ne changera pas leur hauteur.

CSS:

html {
  background-color:black;
  color:white;
  text-align:center;
}

.cell {
  border: 1px solid white;
  margin:1px;
  width:30%;height:30%;
}

HTML:

<header>Tic Tac Toe</header>
<div id='board'>
  <div class='cell'></div>
  <div class='cell'></div>
  <div class='cell'></div>
</div>

La largeur de la balise div est en train de changer très bien, mais comme pour la hauteur (qui est censé être de 30% de l'écran de chaque) sont pratiquement les lignes.

EDIT: Ce n'est probablement pas nécessaire, mais je me sens mal, si vous ne l'aider, merci de prendre votre temps. 🙂

InformationsquelleAutor Xavier Horn | 2014-10-28
  1. 6

    C'est parce que vous n'avez pas de hauteur au conseil d'administration et les 30% de presque 0... 0.

    Ajouter de la hauteur de la div avec l'id de board.

    Ajouter ceci dans votre css:

    html {
  background-color:black;
  color:white;
  text-align:center;
}
#board{
 height:300px;
}
.cell {
  border: 1px solid white;
  margin:1px;
  width:30%;height:30%;
}
    InformationsquelleAutor Florin Pop
  2. 2
    html, body { height: 100%; }
#board { display: block; margin: auto auto; min-height: 100%; }

    Pour utiliser des pourcentages votre code html et le corps sont tous deux doivent être à hauteur de 100% alors votre conteneur extérieur (en supposant que c'est #conseil ici) doit spécifier min-hauteur de remplir le document, et d'afficher le type de bloc.

    • Sympa, mais si vous n'aimez pas avoir un inutile barre de défilement verticale, découvrez mon point de vue sur ceci: stackoverflow.com/a/57122696/3881189
    • Vous ne devriez pas avoir une barre de défilement à moins que l'un de vos 100% des éléments de a en haut ou en bas padding/margin/la frontière. Donc, si vous voulez utiliser cette technique avec un css reset afin de parvenir à une pleine page de défilement.
    InformationsquelleAutor Andrew Hoffman