117 votes

Comment créer une DIV sans contenu avec une largeur?

J'essaie d'ajouter une largeur à une DIV, mais il semble que je rencontre un problème car il n'a pas de contenu. Voici le CSS et le HTML que j'ai jusqu'à présent, mais cela ne fonctionne pas:

CSS

 body{
margin:0 auto;
width:1000px
}
ul{
width:800px;
}
ul li{
clear:both;
}
.test1{
width:200px;
float:left;
}
 

HTML

 <body>
  <div id="test">
    <ul>
      <li>
        <div class="test1">width1</div>
        <div class="test1">width2</div>
        <div class="test1">width3</div>
      </li>
      <li>
        <div class="test1"></div>
        <div class="test1">width2</div>
        <div class="test1">width3</div>
      </li>
      <li>
        <div class="test1"></div>
        <div class="test1">width2</div>
        <div class="test1">width3</div>
      </li>
    </ul>
 </div>
 

167voto

jcomeau_ictx Points 15736

une div nécessite généralement au moins un espace insécable (& nbsp;) pour avoir une largeur.

96voto

ArK Points 5284

Utilisez soit padding , height ou &nbsp pour que la largeur prenne effet avec%% div vide

66voto

riley Points 643

Utilisez min-height: 1px; Tout a au moins une hauteur minimale de 1 px afin qu'aucun espace supplémentaire ne soit utilisé avec nbsp ou un remplissage, ou que vous soyez obligé de connaître la hauteur en premier.

11voto

Michael Points 1792

Il a une largeur mais pas de contenu ni de hauteur. Ajoutez un attribut height à la classe test1.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X