0
我已经花了太多时间试图解决我对类似的题目发现，没有什么工作，我一定是失去了一些东西，我有一个div container在body和另一个DIV navigation的container里面，现在里面都container及其子navigation不拉伸至100％。
这里的链接jsfiddleDIV及其子都没有拉伸至100％的高度，甚至与家长的高度设置为100％
HTML
<body>
<div id="header"></div>
<div id="container">
\t <div class="navigation"></div>
\t <div id="categ">
\t \t \t <div class="titimmo" style="background-color:#CC3300;">
<a href="#">Immobilier</a></div>
\t \t \t <div class="cat-classes"><a href="#">Category</a></div>
\t \t \t <div class="cat-classes"><a href="#">Category</a></div>
\t \t \t <div class="cat-classes"><a href="#">Category</a></div>
\t \t </div>
\t
\t <div id="categ">
\t \t \t <div class="titauto" style="background-color:#00CC99;">
<a href="#">Automobile</a></div>
\t \t \t <div class="cat-classes"><a href="#">-Annonce</a></div>
\t \t </div>
\t
\t <div id="categ">
\t \t \t <div class="titvehicule" style="background-color:#0099FF;">
<a href="#">Véhicule</a></div>
\t \t \t <div class="cat-classes"><a href="#">Category</a></div>
\t \t \t <div class="cat-classes"><a href="#">Category</a></div>
\t \t </div>
\t <div id="categ">
\t \t \t <div class="titinfo" style="background-color:#993300;">
<a href="#">Informatique</a></div>
\t \t \t <div class="cat-classes"><a href="#">Category</a></div>
\t \t \t <div class="cat-classes"><a href="#">Category</a></div>
\t \t \t <div class="cat-classes"><a href="#">Category</a></div>
\t \t </div>
\t
\t <div id="categ">
\t \t \t <div class="titspares" style="background-color:#9900FF;">
<a href="#">Pièces détachees</a></div>
\t \t \t <div class="cat-classes"><a href="#">Category</a></div>
\t \t \t <div class="cat-classes"><a href="#">Category</a></div>
\t \t \t <div class="cat-classes"><a href="#">Category</a></div>
\t \t \t <div class="cat-classes"><a href="#">Category</a></div>
\t \t </div>
<div id="categ">
\t \t \t <div class="titmaison" style="background-color:#6666FF;">
<a href="#">Maison</a></div>
\t \t \t <div class="cat-classes"><a href="#">Category</a></div>
\t \t \t <div class="cat-classes"><a href="#">Category</a></div>
\t \t \t <div class="cat-classes"><a href="#">Category</a></div>
\t \t \t <div class="cat-classes"><a href="#">Category</a></div>
</div>
<div id="categ">
\t \t \t <div class="titmateriaux" style="background-color:#330000;">
<a href="#">Matériaux & Equipement</a></div>
\t \t \t <div class="cat-classes"><a href="#">Category</a></div>
\t \t \t <div class="cat-classes"><a href="#">Category</a></div>
\t \t \t <div class="cat-classes"><a href="#">Category</a></div>
\t </div>
<div id="categ">
\t \t \t <div class="titmode" style="background-color:#3366FF;">
<a href="#">Accessoires de Mode</a></div>
\t \t \t <div class="cat-classes"><a href="#">Category</a></div>
\t \t \t <div class="cat-classes"><a href="#">Category</a></div>
\t \t \t <div class="cat-classes"><a href="#">Category</a></div>
\t </div>
\t
\t </div>
\t
\t <div id="footer">Copyright <?php echo date("Y");?>, *******.</div>
</body>CSS
html{ height: 101%; margin: 0; padding: 0; min-height:100%;}
body {
height: 100%;
margin:0;
padding:0;
background-color:#0099CC;
min-height:100%;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #313131;
}
#header {
\t height:15%;
\t background-color:#FFFF00;
}
#container {
\t height:100%;
\t background-color:#00FF00;
}
.navigation {
\t margin-left:3%;
\t margin-right:2%;
\t width:25%; height:100%;
\t background-color:#A8A8A8;
\t float:left;
}
#footer {
\t clear:both;
\t width: 100%; padding-top:2%;
\t background-color:#99CCFF; text-align:center;
\t color:#080808;
\t height: 5%;
position:relative;
}
#categ {
\t width:27%;
\t background-color:#E8E8E8;
\t float:left;
\t margin: 0 5% 3% 3%;
}
.cat-classes a{
\t color:#000000;
\t text-decoration:none; display:block;
\t font-weight:bold;
}
.titimmo, .titauto, .titvehicule, .titinfo, .titspares, .titelectronics, .titmaison, .titloisirs, .titphones, .titvet, .titphoneacces, .titservices, .titmateriaux, .titmode, .titcosmetique, .titvoyage, .titemploi, .titdivers {
\t text-align:center;
\t padding:1%;
\t font-size:16pt;
}
.titimmo .titauto .titvehicule .titinfo .titspares .titelectronics .titmaison .titloisirs .titphones .titvet .titphoneacces .titservices .titmateriaux .titmode .titcosmetique .titvoyage .titemploi .titdivers, a{
\t color:#FFFFFF; text-decoration:none; display:block;
\t padding:3%;
\t font-weight:bold;
}
从你的孩子取出'margin's，他们会伸展。 –
100％你想要什么？ #container div与窗口一样高，这就是css所说的。 –
目前还不清楚你在问什么。为[这里]（https://jsfiddle.net/websiter/LL0f20L6/3/）你想要什么？ –