CSS - Comment éviter la DIV sans contenu de rétrécir

je le code suivant:CSS - Comment éviter la DIV sans contenu de rétrécir

<div id="sub-title-div"> 
    Hello world 
    </div> 

    #sub-title-div { 
    background: #FFE640; 
    position: relative; 
    top: 0px; 
    left: 30px; 
    width: 901px; 
    height: 137px; 
    line-height: 13px; 
    }

Je trouve que si je retire le « Bonjour tout le monde », le # sous-titre-div va rétrécir et devenir invisible. Y a-t-il une méthode facile que je peux faire ceci plus élégamment?

Merci

Source

2010-09-05 q0987

Cela pourrait être votre doctype? Cela ne disparaît pas pour moi. Voir la page exemple:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html lang="en"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 
    <title></title> 
    <style type="text/css"> 
     #sub-title-div { 
     background: #FFE640; 
     position: relative; 
     top: 0px; 
     left: 30px; 
     width: 901px; 
     height: 137px; 
     line-height: 13px; 
     } 
    </style> 
</head> 
<body> 
    <div id="sub-title-div"> 
    </div> 
</body> 
</html>

Source

2010-09-05 21:35:12

Bonjour Moin, Ceci est mon DOCTYPE: – q0987

Si vous n'avez pas besoin de soutenir IE6, vous pouvez utiliser la propriété min-height.

#sub-title-div { 
    min-height: 137px; 
}

Source

2010-09-05 21:35:05

Utilisez

min-width:901px; 
min-height:137px;

si vous voulez avoir la DIV ont les mêmes dimensions, même sans contenu.

Source

2010-09-05 21:36:11

mis   lorsque vous voulez supprimer le texte, puis div conservera sa hauteur

Source

2014-02-12 08:18:12 iTake

CSS - Comment éviter la DIV sans contenu de rétrécir

Répondre

Questions connexes