Come rimuovere il bordo inferiore di una scatola con i CSS

Question

Ho un div di forma rettangolare, come quella che ho have.I voglio omettere la lunghezza di C-D nel mio div, come posso farlo ?.

Edit: Ecco il mio 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; 

Answer 1

Basta aggiungere in:. border-bottom: none;

0.123.

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

Answer 2

Lei sembra fraintendere il box model - in CSS si fornisce punti per la parte superiore e sinistra e quindi la larghezza e l'altezza - questi sono tutti che sono necessari per una scatola da posizionare con misure esatte.

La proprietà width è ciò che è il tuo C-D, ma è anche ciò che è A-B. Se lo ometti, il div non avrà una larghezza definita e la larghezza sarà definita dal suo contenuto.

---

Update (in seguito alle osservazioni sulla questione:

Aggiungi un border-bottom-style: none; al vostro CSS per rimuovere questo stile da solo la parte inferiore

Answer 3

Si può solo impostare la larghezza su Auto Poi il.. larghezza del div sarà uguale a 0 se non ha un contenuto

width:auto;