Answers.com utilise-t-il le positionnement CSS ? Oui — Absolute, Relative et Fixed
Oui. Le frontend Answers.com (à son époque active) employait les trois schémas de positionnement CSS pour le contrôle de mise en page :
Types de positionnement utilisés
- position: absolute — Éléments sortis du flux, positionnés par rapport au plus proche ancêtre
position: relative(oubody). Utilisé pour : menus déroulants, tooltips, overlays modaux, slots pubs ancrés aux bords viewport. - position: relative — Éléments restent dans flux mais décalés via top/right/bottom/left. Utilisé pour : décaler icônes, créer contextes d'empilement pour enfants absolus, ajustements layout subtils.
- position: fixed — Relatif au viewport (fenêtre navigateur), inchangé par scroll. Utilisé pour : header/nav barre collante, bouton « Retour en haut », widget chat, bannière cookies.
Patterns typiques sur Answers.com
- Header :
position: fixed; top: 0; z-index: 1000;— reste visible en scrollant questions. - Boîtes réponses : conteneur
position: relative→ enfantposition: absolutepour boutons vote, signalement, horodatage. - Pubs sidebar :
position: fixedousticky(moderne) pour suivre scroll. - Modales (connexion, partage) :
position: fixed centré + overlay.
Note moderne
Answers.com a été acquis par System1 (2018) et largement redirigé vers answers.com (maintenant ferme de contenu). La plateforme Q&A communautaire originale est defunte. CSS moderne utiliserait position: sticky, Flexbox, Grid — moins d'abus absolute/fixed.
