Comment définir une hauteur div dans cette situation?

Comment définir une hauteur d'enveloppement div # dans cette situation?Comment définir une hauteur div dans cette situation?

<body style="height:100%;width:100%;overflow:hidden;padding:0;margin:0;"> 
<div id="header" style="width:100%;height:50px;z-index:5;background:blue;padding:0;margin:0;">&nbsp;</div> 
<div id="wrap" style="width:100%;overflow:scroll;background:red;height:100%;padding:0;margin:0;"> 
<div id="content" style="width:100%;height:2000px;padding:0;margin:0;"> 
&nbsp; 
</div> 
</div> 
<div id="footer" style="width:100%;height:30px;z-index:5;background:green;padding:0;margin:0;">&nbsp;</div> 
</body>

Source

2010-11-26 yuli chika

Je ne comprends pas ce que vous entendez –

div # wrap hauteur peut-être 100% -div # header-div # pied de page, je veux obtenir div # hauteur de l'enveloppe. –

vous ne pouvez pas définir réellement la hauteur d'une hauteur div: height:100%, vous pourriez vouloir essayer min-height:400px!important; _height:400px;

Source

2010-11-27 09:10:19 DanTdr

Est-ce ce que vous cherchez?

http://jsfiddle.net/nkUwa/1/

essayer dans Firefox ... Je ne sais pas un moyen de rendre l'en-tête et pied de page une hauteur fixe, et ensuite l'emballage et le contenu de la « zone restante » comme pour l'utilisation du jeu de cadres ... Mais vous pouvez également définir l'en-tête et le pied de page comme position: absolute et attachés en haut et en bas de la fenêtre, en utilisant top: 0 et bottom: 0 respectivement.

Source

2010-11-26 21:33:54

Comment définir une hauteur div dans cette situation?

Répondre

Questions connexes