Как удалить нижнюю границу коробки с CSS

Question

У меня есть прямоугольный DIV, как один я have.I хочу опустить длину C-D в моем DIV, как я могу это сделать ?.

Edit: Вот мой 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

Просто добавьте в:. border-bottom: none;

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

Answer 2

Вы, кажется, не понимают блочную модель - в CSS вы предоставляете точки для верхних и слева, а затем ширины и высоты - это все, что необходимо для коробки для точного измерения.

Недвижимость width является вашим C-D, но это также то, что A-B есть. Если вы опустите его, div не будет иметь определенной ширины, а ширина будет определяться его содержимым.

---

Update (после замечания по этому вопросу:

Добавить border-bottom-style: none; в свой CSS, чтобы удалить этот стиль только из нижней

Answer 3

Вы можете просто установить ширину на авто Тогда.. ширина DIV будет равен 0, если он не имеет никакого содержания

width:auto;