cuốn sách gpt4 ai đã làm

css - Menu trên cùng không có flex, không có calc(...) để hỗ trợ kế thừa

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-04 10:16:14 26 4
mua khóa gpt4 Nike

Tôi đang cố gắng tạo một menu trên cùng có đường viền 1px. Cách làm #mid div Sử dụng toàn bộ chiều rộng ở giữa (để đường viền dưới gần với #right hơn)?

Tôi đang tìm kiếm không uốn congchiều rộng: calc(...) giải pháp này vì một số thiết bị tôi đã thử nghiệm không hỗ trợ giải pháp này (các phiên bản cũ hơn cần được hỗ trợ).

* { lề:0; phần đệm: 0;
.left { float: left; chiều rộng: 155px chiều cao: 60px; đường viền bên phải: 1px đường viền dưới cùng: 1px đường viền #dedede;
.mid { float:left; chiều cao: 60px; viền dưới: 1px hiển thị: khối nội tuyến;
.right { float: right; chiều rộng: 40%; chiều cao: 60px; đường viền bên trái: 1px đường viền dưới cùng: 1px đường viền #dedede;

aa

aa

bb

câu trả lời hay nhất

Thuộc tính bố cục display:table có thể giúp bạn bắt đầu: (=>IE8)

Bảng co lại/mở rộng để chứa nội dung. đó là lý do tại sao .mid Sẽ sử dụng nhiều không gian có sẵn nhất có thể để nén các thành phần ô khác của bảng nhỏ hơn 100% chiều rộng được đặt trong CSS. Lưu ý rằng nếu nội dung rộng hơn vùng chứa bảng, nó sẽ tăng chiều rộng vượt quá 100%.

* { lề:0; phần đệm: 0;box-sizing:border-box }
.tb {
hiển thị:bảng;
chiều rộng: 100%;
đường viền:rắn 1px;
}
.tb > div {
hiển thị:ô bảng;
biên giới: kế thừa;
}
.mid { chiều rộng: 100% }

aa

aa

bb




dài hơn

aa

dài hơn

hoặc thuộc tính float và bối cảnh định dạng khối: (bao gồm IE6 đã thêm tỷ lệ: 1; ngoại trừ tràn)

  • .bên trái.Phải Sẽ float Hãy là người đầu tiên trong quá trình này.

  • ở giữa sẽ ở giữa hai bên, BFC sẽ tránh .mid Nằm bên dưới phần tử float.

div div {
đường viền:rắn 1px;
tràn:ẩn;/* sửa đổi BFC */
}
.bên trái {
nổi:trái;
}
.Phải {
nổi: phải
}
    

aa

bb

giữa




dài hơn

dài hơn

giữa

Về css - menu trên cùng không có flex, không có calc(...) để hỗ trợ kế thừa, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/37225853/

26 4 0
không gian vũ trụ
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress