Wrapper question lors de l'contenant flottant divs
Je voudrais créer un navigateur centré, bordé, wrapper qui autoexpands en hauteur autour de divers vrd. Lors de l'utilisation de flotteurs de garder les divs en ligne, le wrapper s'arrête juste après la première div. Être gentil, cela peut ou peut ne pas être la meilleure façon de le faire, mais c'est pourquoi je suis ici.
Voici un exemple simple.
<head>
<style type="text/css">
<!--
#wrapper {
height: 100%;
width: 800px;
border: 1px solid #000;
margin-right: auto;
margin-left: auto;
}
#header {
height: 100px;
width: 800px;
}
#column1 {
width: 300px;
height: 400px;
float: left;
}
#column2 {
height: 400px;
width: 300px;
float: left;
}
#navbox {
float: left;
width: 200px;
height: 400px;
}
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="header">test header</div>
<div id="navbox">test navbox</div>
<div id="column1">test column1</div>
<div id="column2">test column2</div>
</div><!--Close_wrapper-->
</body>
</html>
- pouvez-vous poster le code html aussi?
Vous devez vous connecter pour publier un commentaire.
La réponse à des questions qui contiennent
float
etwrap
dans une phrase est généralement🙂
Si vous voulez que votre enveloppe à auto-expansion en hauteur, qui devrait le faire.
Vous pouvez ajouter quelque chose comme <br style="clear:both" /> comme le dernier élément de votre enveloppe pour le forcer à s'enrouler autour de votre éléments qui sont en dehors du flux de contenu.
Vous avez besoin d'ajouter un élément à
clear:both
après ladiv
s.Démo
Je voudrais utiliser l' :après la pseudo classe comme ci-dessous. Il semble un peu plus évident que ce qui est censé se produire et un peu moins comme navigateur étrangeté. Je suis sûr de ne pas que le trop-plein de la solution est officiellement censé fonctionner.