IntroductionIt est possible pour vous de placer un élément HTML à un endroit particulier sur votre page Web, indépendamment de ce qui est déjà là. Dans cet article, je fais un traitement en profondeur de ce sujet. Vous avez besoin des connaissances de base en HTML et CSS (XHTML) afin de comprendre ce article.Note: Si vous ne pouvez pas voir le code ou si vous pensez que quelque chose manquait (lien brisé, l'image absente, texte), contactez-moi au forchatrans @ yahoo .com. Qui est, me contacter pour le moindre problème que vous avez à propos de ce que vous êtes reading.
CSS normal FlowImagine que, dans votre code, vous avez une série d'éléments à roues alignées et le texte, puis un niveau bloc (contenant) élément, puis une série de ligne éléments et le texte nouveau, puis un élément de niveau bloc, et enfin une série d'éléments en ligne et du texte. Tout ce code est à l'intérieur d'un élément contenant tel que le corps ou un DIV element.
Everything étant égales par ailleurs (sur la base de ce que nous avons appris jusqu'à présent), votre navigateur affichera le code comme suit: Il va commencer en affichant les éléments en ligne et le texte , les enveloppant à la ligne suivante en tant que la fin de la ligne courante est atteint. Puis il affichera l'élément de niveau bloc, qui occupera une bande horizontale complète de l'extrémité gauche à l'extrémité droite. Après que le navigateur continuera à afficher les éléments en ligne et le texte, puis comme emballage fin de ligne est atteinte.
Ensuite, il serait afficher le deuxième élément de niveau bloc, qui sera comme prévu prendre une bande horizontale complète de l'extrémité gauche à l'extrémité droite. Enfin, il affiche les éléments en ligne et du texte, les enveloppant. Ceci est ce qu'on appelle le flux normal des éléments HTML en CSS. Votre conception de page Web doit toujours prendre un flux normal, sauf si vous voulez des fonctionnalités spéciales, comme le positionnement absolu (voir ci-dessous) .HTML Element DimensionsFor votre élément à être positionnés, il doit avoir largeur et la hauteur.
Certains éléments sont créés avec leurs largeurs naturelles et de la hauteur. Pour d'autres, vous devez donner les largeurs et hauteurs. Vous donnez la largeur et la hauteur d'un élément utilisant le CSS "largeur" et les propriétés "de la hauteur". La valeur à l'une de ces propriétés est un nombre ou le pourcentage px; d'autres unités peuvent être utilisées. Je vous conseille d'éviter de donner la valeur de hau