Les éléments peuvent-ils être positionnés absolument sans marges explicites ?

Positionnement des éléments absolument sans marges explicites

Les éléments peuvent-ils être positionnés de manière absolue sans définir aucune des propriétés haut/gauche/bas/droite ? Cette question se pose dans les cas où une mise en page claire et concise est souhaitée sans code inutile.

Cas 1 : Logo au-dessus de la photo dans le thème WordPress

Pour positionner un logo au-dessus d'un photo dans le thème WordPress, le logo peut être placé avant la photo avec un positionnement absolu sans propriétés haut/gauche. La marge ou le remplissage CSS peut être utilisé pour créer des décalages. Cette technique fonctionne également avec les propriétés de bordure.

Cas 2 : Menu horizontal à plusieurs niveaux

Dans un menu à plusieurs niveaux avec une disposition de style tableau, les cellules du tableau ne prendre en charge le positionnement relatif. Une solution potentielle consiste à définir la position sur absolue sans aucune propriété haut/gauche. Cette solution est fonctionnelle dans la plupart des navigateurs, mais sa stabilité sur le long terme ne peut être garantie.

Interprétation standard

Selon les normes CSS2, si haut/bas et gauche Les propriétés /right ne sont pas définies, elles prennent par défaut leurs valeurs statiques. Cela signifie que les éléments positionnés absolument sans propriétés explicites haut/gauche/bas/droite occuperont leur position d'origine et se comporteront comme s'ils étaient positionnés statiquement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!