Định vị các phần tử div theo chiều ngang, không theo chiều dọc

Question

Im thiết kế thanh điều hướng; và các liên kết tab trong nó được tạo bởi các hình dạng CSS. Đối với điều này tôi sử dụng rất nhiều position: absolute trên các phần tử con và tôi có các vùng chứa chính được đặt thành position: relative. Tôi cũng thiết lập một chiều cao cứng và chiều rộng rất nhiều cho họ, và nó sẽ không hoạt động. Thậm chí không sử dụng overflow: ... Hộp tab của tôi vị trí theo chiều dọc không có vấn đề gì.

Tôi không có đầu mối vào thời điểm này.

Số tiền trong div lớp "navBox" có position: absolute.

Nhấp vào here (jsfiddle) cho mã HTML và CSS và xem kết quả đầu ra.

Cảm ơn trước

Answer 1

Bạn cần lớp .navBox của bạn để display: inline-block. Đương nhiên, phần tử div được thiết lập để hiển thị khối cung cấp phần tử theo mặc định là chiều rộng là 100%. Ngoài ra, các mục danh sách của bạn để float: left bởi vì mặc định một danh sách được hiển thị theo chiều dọc, trái nổi cho phép bạn hiển thị danh sách ngang

cập nhật jsFiddle: http://jsfiddle.net/qLKg7/4/

Answer 2

CSS: display: inline hoặc display:inline-block.