Claire éléments en position absolue avec CSS possible?
Est-il un moyen pour effacer les éléments en position absolue avec CSS? Je crée une page où j'ai besoin de chaque partie du site (section de l'élément) pour être en position absolue, et je veux appliquer un pied de page avec le contenu ci-dessous les éléments.
Essayé relativement à la position de l'en-tête et pied de page pour voir si une hauteur totale serait pris en compte, mais le pied de page obtient toujours "pris au piège", sous la section éléments. Des idées?
<header style="position: relative;"></header>
<div id="content" style="position: relative;">
<section id="a" style="position: absolute;"></section>
<section id="b" style="position: absolute;"></section>
<section id="c" style="position: absolute;"></section>
<section id="d" style="position: absolute;"></section>
<section id="e" style="position: absolute;"></section>
</div>
<footer style="position: relative;"></footer>
les éléments en position absolue ne sont pas flotté éléments donc il n'y a rien comme la compensation..
Je dirais aussi qu'il n'y a aucun moyen de le faire sans JavaScript.
Je vois. Mais vous comprenez ce que je suis après, quand je veux dire "clair"? Un comportement de mettre le parent suivant ci-dessous contenu précédent.
Je dirais aussi qu'il n'y a aucun moyen de le faire sans JavaScript.
Je vois. Mais vous comprenez ce que je suis après, quand je veux dire "clair"? Un comportement de mettre le parent suivant ci-dessous contenu précédent.
OriginalL'auteur Staffan Estberg | 2012-10-10
Vous devez vous connecter pour publier un commentaire.
Éléments à positionnement absolu ne font plus partie de la mise en page - éléments parents n'ont aucune idée de comment le big positionnement absolu des éléments enfants sont. Vous avez besoin de définir la hauteur de "contenu" vous-même pour s'assurer qu'il n'empiète pas sur le pied de page.
OriginalL'auteur Diodeus - James MacFarlane
Ne pas utiliser d'éléments à positionnement absolu pour la mise en page depuis que les éléments sont supprimés de flux normal et n'affecte plus les éléments autour d'eux. Et ils ne sont pas affectés par d'autres éléments.
Utiliser positionnement absolu pour déplacer les éléments à l'intérieur d'un conteneur lorsque les conditions le permettent.
Pour flottait éléments, je vous suggère d'utiliser un spécifique de compensation technique appelée clearfix. Je l'utilise religieusement.
http://nicolasgallagher.com/micro-clearfix-hack/
http://jsfiddle.net/necolas/K538S/
si c'est encore possible, pourriez-vous poster votre js solution?
OriginalL'auteur Lex Semenenko
J'ai découvert une solution facile à cette, il pourrait ne pas couvrir tous les problèmes possibles, mais au moins il a résolu mon problème.
HTML:
CSS:
OriginalL'auteur cjohansson