Comment laisser manuellement un espace vide en bas d'une page HTML? Mes contenus sont en div
et sont positioned:absolutely
principalement. J'ai essayé quelques <br>
s juste avant </body>
. N'a pas fonctionné. J'ai essayé margin-bottom:2cm;
sur la div. N'a pas fonctionné.Espace vide à la fin de la page
Répondre
div de positioned absolus sont hors du flux de documents, de sorte que quoi que vous fassiez, n'affectera pas les autres éléments de la page et, par conséquent, margin-bottom
échoue aussi, donc ce que vous pouvez faire est d'utiliser un emballage div
avec une hauteur de 100%;
et que d'utiliser margin-bottom: 2cm;
et il travaillera
html, body {
height: 100%;
background: #f50;
}
div { /* Using element selector, you can use ids or classes instead to be specfic*/
height: 100%;
margin-bottom: 2cm;
}
merci. J'espère que cela fonctionne. – user2178841
@ user2178841 ça va :) si ce n'est pas le cas, vous devez faire quelque chose de vraiment bizarre .. –
Ajouter le CSS suivant dans votre page:
body {
margin-bottom: 50px
}
c'est quelque chose que j'ai déjà fait et je l'ai mentionné ci-dessus. :) N'a pas fonctionné. – user2178841
Non, cela arrêtera le rendu en arrière-plan si l'arrière-plan est appliqué au corps, mauvaise option, et s'il a besoin d'un élément en dessous de la marge assignée? placerez-vous cela en dehors du corps? J'espère que non –
Essayez d'utiliser padding-bottom
au lieu de margin-bottom
parce que la marge est utilisée pour espacer entre le contenu, le remplissage est l'espacement dans l'élément, ce qui devrait vous donner l'effet que vous recherchez.
Vous pourriez aussi probablement placer une div vide avant </body>
aussi comme <div style="height: 200px;"></div>
.
Aucun garçon, Le contenu est absolument positionné. C'est pourquoi la div vide ne fonctionnera pas et n'a pas. – user2178841
http://jsfiddle.net/fQnrQ/ –
- 1. Espace vide apparaissant à la fin de mon carrousel
- 2. Espace vide vide en bas de la page?
- 3. Espace non brisé à la fin de la ligne
- 4. jQuery Mobile espace vide de la grille
- 5. Python - regex, élément vide à la fin de la liste?
- 6. Comment puis-je ajouter un espace vide à la fin d'un ListView?
- 7. Bootstrap portofolio - espace de la grille vide
- 8. fenêtre fenêtre mise en page dessin vide espace vide
- 9. Suppression des lignes vides à la fin de la page
- 10. Inclure la disposition renvoie un espace vide
- 11. UIMarkupTextPrintFormatter laisse un espace vide de 2 à 3 pouces au bas de la page
- 12. Pourquoi j'obtiens un espace vide à droite d'une page?
- 13. Chrome 25: balise vide de style à la fin de chaque page
- 14. Espace vide au bas de la page sur les résolutions supérieures à 1024x768
- 15. Ajouter une cellule vide à la fin de UITable
- 16. Espace vide sous la barre d'état
- 17. contenteditable avec espace réservé et mesure à la fin (: après)
- 18. Remplacer la languette par un espace vide
- 19. Appeler javascript à la fin de la page de chargement
- 20. curl php vide espace vide
- 21. défilement jusqu'à la fin de la page
- 22. Créer un espace HTML vide à la volée Javascript
- 23. Comment régler le div à la fin de la page
- 24. Espace de fin de DataGrid après la dernière colonne
- 25. ng-options: comment mettre l'option vide à la fin?
- 26. vide `commencer end` à la fin d'un script Ruby
- 27. Comment ajouter à la fin d'une liste vide?
- 28. Vue d'alerte au début et à la fin d'un vide
- 29. Comment supprimer une ligne vide à la fin du fichier?
- 30. Android- espace vide en haut de la liste affichage
http://ryanfait.com/sticky-footer/ ou http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page –