Je ne sais pas si c'est un problème commun, mais je ne trouve pas la solution dans le web jusqu'à présent. Je voudrais avoir deux divs le tout enveloppé dans une autre div, cependant, ces deux divs à l'intérieur doivent être aligner au même niveau (par exemple: à gauche on prend 20%de la largeur de la wrappedDiv, droit de prendre un autre 80%). Pour atteindre cet objectif, j'ai utilisé l'exemple suivant CSS. Cependant, maintenant, l'écharpe DIV n'a pas enveloppez ces divs. L'écharpe Div a une petite hauteur que ces deux divs contenues à l'intérieur. Comment ai-je pu assurez-vous que l'écharpe Div a la plus grande hauteur que les contenus divs? Merci!!!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>liquid test</title>
<style type="text/css" media="screen">
body
{
margin: 0;
padding: 0;
height:100%;
}
#nav
{
float: left;
width: 25%;
height: 150px;
background-color: #999;
margin-bottom: 10px;
}
#content
{
float: left;
margin-left: 1%;
width: 65%;
height: 150px;
background-color: #999;
margin-bottom: 10px;
}
#wrap
{
background-color:#DDD;
height:100%;
}
</style>
</head>
<body>
<div id="wrap">
<h1>wrap1 </h1>
<div id="nav"></div>
<div id="content"><a href="index.htm">< Back to article</a></div>
</div>
</body>
</html>
