2010-11-06 11 views
8

alt textComment supprimer la bordure d'une boîte avec CSS

J'ai un div rectangulaire, comme celui que je dans mon div have.I veux omettre la longueur C-D, comment puis-je faire fond qui ?.

Edit: Voici mon css

#index-03 { 
    position:absolute; 
    border: .1px solid #900; 
    border-width: .1px; 
    border-style: solid; 
    border-color: #900; 
    left:0px; 
    top:102px; 
    width:900px; 
    height:27px; 
+5

Que voulez-vous dire omettre? D'où? Où est ton code? – Oded

+0

J'ai donné à ma div une bordure de 1px. Je veux laisser tomber la frontière 1px dans la longueur C-D. – Gandalf

+1

Vous devez utiliser border-bottom: none. –

Répondre

36

ajouter Juste:. border-bottom: none;

#index-03 { 
    position:absolute; 
    border: .1px solid #900; 
    border-bottom: none; 
    left:0px; 
    top:102px; 
    width:900px; 
    height:27px; 
} 
+3

Pour référence future aux lecteurs, voici [les propriétés de bordure telles que définies dans la spécification W3C] (http://www.w3.org/TR/CSS2/box.html#border-properties) –

+1

Conseil: L'ordre est important. Si vous essayez de définir 'border-bottom: none;' avant le 'border: .1px solid # 900;' alors cela ne marchera pas. –

+0

@LeviFuller Merci, vous m'avez sauvé beaucoup de temps! – Germain

2

Vous semblez méprendre sur le modèle de boîte - en CSS vous fournir des points pour le haut et à gauche puis la largeur et la hauteur - ce sont tous ceux qui sont nécessaires pour une boîte être placé avec des mesures exactes. La propriété width est ce que votre C-D est, mais c'est aussi ce que A-B est. Si vous l'omettez, le div n'aura pas une largeur définie et la largeur sera définie par son contenu.


Mise à jour (après les commentaires sur la question:

Ajouter un border-bottom-style: none; à votre CSS pour supprimer ce style de la seule base

+0

Si vous avez une minute, je voudrais que vous jetter un coup d'oeil à yahoo.com.Au fond, vous trouverez la div "MARKETPLACE". Comment pensez-vous qu'ils ont fait cela. – Gandalf

+0

C'est juste un DIV avec une bordure solide. Cette DIV est également un conteneur pour trois DIV supplémentaires. –

1

Vous pouvez simplement définir la largeur de l'auto alors la.. largeur de la div sera égale à 0 si elle n'a pas de contenu

width:auto;