Maison >interface Web >tutoriel HTML >Complétez l'exemple de stockage de la position div via la disposition CSS

Complétez l'exemple de stockage de la position div via la disposition CSS

零下一度
零下一度original
2017-06-24 11:43:231435parcourir

CSS+DIV

Encapsuler les données dans des divs. La page est composée de nombreux divs. Le stockage de ces positions div est effectué via la disposition CSS (via la disposition des attributs CSS).

bordure : {

--gauche

--droite

--haut

--bas

 };

#div_1{

  border-top:1px solid #ccc;

 border-bottom:1px dashed #ccc;

  border - right:1px pointillé #ccc;

 border-left:1px double #ccc;

};

solide : ligne continue

pointillé : ligne pointillée

pointillé : ligne pointillée

double : double ligne

Padding/Padding

Attribut : padding{

  --top

--bottom

--right

--left

};

remplissage : 20px 20px 20px 20px;

Marge

attribut de marge {

    --top

   --bottom

-- right

--left

};

margin:20px 20px 20px 20px

En div, si la marge est de 0,px, pourquoi y a-t-il encore un espace vide ? L'espace vide est la distance entre le corps lui-même et la bordure du navigateur.

Vous devez donc définir le corps{margin:0px};

Les navigateurs analysent le corps de différentes manières, ce qui donne lieu à différentes largeurs et largeurs.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn