Positionnement relatif + Positionnement absolu VS Floats Quitte un Float Right (Quelle approche utilisez-vous dans votre CSS)?

Question

Certains sites Web utilisent un DIV avec une position relative, puis ils appliquent une position absolue à l'élément enfant afin de placer l'élément dans la position souhaitée (par exemple, gauche 0 ou droite 0). D'autres utilisent des flotteurs, par exemple float: left ou float right. Quel est le meilleur? ou dans quelles situations aimables sont-ils meilleurs?

Puisque j'utilise des mises en page fixes, il vaut mieux utiliser le positionnement relatif et le positionnement relatif?

Answer 1

Mon expérience du positionnement absolu fonctionne bien sur les éléments dont vous êtes en contrôle à 100% en termes de taille; comme un logo, un meny, des liens rss et des choses comme ça. Ensuite, vous pouvez placer ces éléments exactement là où vous les voulez. Je préfère utiliser float lorsque j'affiche du contenu dynamique sur une page, car la taille de l'élément peut changer, et le placement de tous les éléments en relation fonctionne vraiment bien avec les flottants. N'oubliez pas de nettoyer les flotteurs en cas de besoin!

Answer 2

L'utilisation d'un DIV avec une position relative, puis l'application de la position absolue à l'élément enfant, est une sorte de tour où float ne l'est pas. La décision est à vous avec laquelle aller. Mais avec plus d'expérience, vous arriverez à savoir quelle option choisir. En ce qui me concerne, j'utilise généralement la première option pour quelque chose comme la création de cartes d'image en utilisant css pour les applications fb ou d'autres endroits où les images ne sont pas supportées. Il y a d'autres occasions où j'utilise la première option. L'option ultérieure est générique et convient à la plupart des situations.