Cómo eliminar el borde inferior de una caja con CSS

Question

tengo un div rectangular, como la que yo quiero have.I omitir la longitud C-D en mi div, ¿cómo puedo hacer eso ?.

Editar: Aquí está mi 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

Sólo tiene que añadir en:. border-bottom: none;

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

Answer 2

Usted parece no entender el modelo de caja - en el CSS que usted proporciona puntos para la parte superior e izquierda y luego a la anchura y la altura - estas son todas que son necesarios para un cuadro para ser colocado con medidas exactas.

La propiedad width es lo que su C-D es, pero también es lo que A-B es. Si lo omite, el div no tendrá un ancho definido y el ancho se definirá por su contenido.

---

Update (siguiendo las observaciones sobre la cuestión:

Añadir un border-bottom-style: none; a su CSS para eliminar este estilo solamente de la parte inferior

Answer 3

Se podía establecer el ancho para auto Entonces el.. ancho de la div será igual a 0 si no tiene contenido

width:auto;