Comment rendre une bordure à div sans occuper d'espace supplémentaire en html?

Je veux tracer une frontière pour la div sans occuper tout l'espace supplémentaire ?, cela signifie que la frontière doit être à l'intérieur de la div.

source d'informationauteur BalaKrishnan웃

  1. 33

    Vous avez 3 choix:

    1. Intérieure et extérieure des boîtes(comme @xpapad a déclaré).
    2. À l'aide de outlinepar exemple, outline:1px #000 solid;. Lire plus.
    3. À l'aide de box-sizingqui est une propriété css3. E. g., box-sizing:border-box;. Lire plus.
  2. 12

    vous pouvez compenser avec des marges négatives, ou tout simplement utiliser le contour.

    div { border: 10px solid red; margin: -10px};

    ou

    div { outline: 10px solid red; }

    vous pouvez également utiliser css3 boxshadow pour de faux une frontière...

    exemple:
    http://jsfiddle.net/meo/K23s7/

  3. 6

    Essayez d'utiliser une marge négative équivalente à la frontière, par exemple.

    border-right:1px;
margin-right:-1px;
  4. 1

    Comprennent un intérieur div à l'intérieur de votre div, en utilisant le frontière.