Làm thế nào để loại bỏ các biên giới phía dưới của hộp với CSS

Question

Tôi có một div hình chữ nhật, giống như một i have.I muốn bỏ qua độ dài C-D trong div của tôi, làm thế nào tôi có thể làm điều đó ?.

Edit: Đây là css của tôi

#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

Chỉ cần thêm tại:. 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

Bạn dường như hiểu sai mô hình hộp - trong CSS mà bạn cung cấp điểm cho phía trên và bên trái và sau đó chiều rộng và chiều cao - đây là những tất cả những gì là cần thiết cho một hộp được đặt với các phép đo chính xác.

Thuộc tính width là số C-D của bạn, nhưng cũng là số A-B. Nếu bạn bỏ qua nó, div sẽ không có chiều rộng xác định và chiều rộng sẽ được xác định bởi nội dung của nó.

---

Update (sau các ý kiến ​​về vấn đề:

Thêm một border-bottom-style: none; đến CSS của bạn để loại bỏ phong cách này từ chỉ đáy

Answer 3

Bạn chỉ có thể thiết lập chiều rộng để auto Sau đó.. chiều rộng của div sẽ bằng 0 nếu nó không có nội dung

width:auto;