J'ai ce design que je ne peux pas sembler avoir raison, je voudrais .sidebar (float: left) pour remplir toute la hauteur de .page-conteneur qui a une hauteur de fluide due au contenu. Comment je vais à ce sujet?div flotté, hauteur 100, hauteur du fluide du conteneur
-1
A
Répondre
0
Drop the margin-bottom
et margin-left
sur .page-top
et retirez le margin-left
de .sidebar
. Une fois que vous faites cela, vous avez beaucoup d'espace vide en haut de .page-container
mais je ne comprends pas assez votre disposition pour commenter sur ce qu'il faut faire à ce sujet; pas d'infraction, mais vous avez beaucoup de <div>
éléments vides que je ne comprends pas, et qui à son tour vous amène à abuser margins
à mon avis, seulement rendre votre mise en page plus difficile à comprendre et à travailler avec.
Ensuite, vous serez prêt à utiliser l'astuce Faux columns décrite dans la duplication possible. Le cœur de l'idée est .sidebar
ne s'étend pas tout le chemin, mais .page-container
a un fond qui crée l'impression qu'il fait.
Questions connexes
- 1. Hauteur fixe et hauteur de 100% dans le conteneur DIV
- 2. 100% div hauteur
- 3. Étirer div divisée en hauteur du conteneur div lorsque le conteneur a une hauteur: auto?
- 4. 100% Div hauteur sans scrollbar
- 5. ajuster la hauteur de la "div" en fonction du conteneur
- 6. Barre latérale Div étendre toute la hauteur du conteneur
- 7. 100% hauteur div et débordement: auto
- 8. 100% div hauteur maux de tête
- 9. enfant div hauteur de 100% étant ignoré
- 10. Comment appliquer 100% de hauteur à div?
- 11. Hauteur dynamique du conteneur (jQuery uniquement)
- 12. Hauteur: 100% n'est pas considéré
- 13. CSS 100% hauteur, puis défiler DIV pas page
- 14. Ensemble hauteur-min et 100% hauteur ensemble
- 15. silverlight limité à 100% de la hauteur du navigateur
- 16. Hauteur du contenu dans une div
- 17. hauteur de problème css 100%
- 18. CSS 100% hauteur + en-tête avec hauteur statique;
- 19. Swing: Comment régler la hauteur d'un composant à la hauteur du conteneur?
- 20. Cela peut-il être fait sans tables ou JavaScript: 100% height wills hauteur restante du conteneur
- 21. div hauteur de hauteur restante comme
- 22. div hauteur problème
- 23. CSS div hauteur 100% avec les parents liquides de travail?
- 24. Régler la hauteur div à 100% des parents
- 25. 100% 2 Hauteur de colonne CSS Problème!
- 26. HTML/CSS - Non 100% hauteur sur div dans IE
- 27. Comment créer plusieurs div avec 100% de hauteur?
- 28. Tableau 100% hauteur à l'intérieur d'un div absolu
- 29. flotteur gauche hauteur 100% div - écart entre les divs
- 30. Css couches d'arrière-plan et div 100% hauteur
duplicata possible de http://stackoverflow.com/questions/791231/css-sidebar-height-100 –