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

html - màu nền bị cắt trong thùng chứa flex

In lại Tác giả: Walker 123 Thời gian cập nhật: 27-11-2023 23:11:56 26 4
mua khóa gpt4 Nike

Tôi đang cố gắng tạo một bảng bằng cách sử dụng các hộp linh hoạt được định vị tuyệt đối giống nhau. Mỗi dòng là một dòng có hiển thị: linh hoạt Mọi phần tử trong mỗi hàng của div tiêu chuẩn đều là phần tử flex. Lưu ý rằng chiều rộng không được đặt ở bất cứ đâu.

Tại sao màu nền của tôi lại lộn xộn như vậy.

linh hoạt thất bại

Tôi nhận thấy rằng nếu có nhiều văn bản hơn trong hàng, nền sẽ mở rộng hơn và vị trí được tính dựa trên nền, điều này không sao cả, ngoại trừ việc nền không bao gồm toàn bộ hàng.

Đã thử hiển thị: nội tuyến-flexkích thước nền: bìa Vô ích

https://jsfiddle.net/66f9s2kp/7/



công cụ tesdfxt< /div>
thêm
29
Tiêu chuẩn




0
0


công cụ tesdfxt< /div>
thêm
29
Tiêu chuẩn




0
0


sume Stufff< /div>
thêm
29
Tiêu chuẩn




0
0






công cụ tesdfxt< /div>
thêm
29
Tiêu chuẩn




0
0


công cụ tesdfxt< /div>
thêm
29
Tiêu chuẩn




0
0


quá nhiều thứ tipois asdfasdfasdfasdfasdfasdfthinggyh nội dung

thêm
29
Tiêu chuẩn




0
0


Giúp tôi với, vì sự tỉnh táo của tôi,

Cảm ơn,

Ryan

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

Vùng chứa div chính của bạn được định vị tuyệt đối.

Như bạn đã đề cập:"Lưu ý rằng chiều rộng không được đặt ở bất cứ đâu."

Trong trường hợp này, chiều rộng của div được định vị tuyệt đối sẽ được xác định bởi nội dung của nó.

div[style*="tuyệt đối"] {
đường viền: 2px nét đứt màu đỏ;
}


công cụ tesdfxt< /div>
thêm
29
Tiêu chuẩn




0
0


công cụ tesdfxt< /div>
thêm
29
Tiêu chuẩn




0
0


sume Stufff< /div>
thêm
29
Tiêu chuẩn




0
0






công cụ tesdfxt< /div>
thêm
29
Tiêu chuẩn




0
0


công cụ tesdfxt< /div>
thêm
29
Tiêu chuẩn




0
0


quá nhiều thứ tipois yh công cụ

thêm
29
Tiêu chuẩn




0
0

bản demo fiddle đã sửa đổi

Phần tử flex tràn vùng chứa. Nhưng vì màu nền được đặt trên vùng chứa nên màu kết thúc bằng vùng chứa.

Một giải pháp là đặt chiều rộng trên một thùng chứa được định vị tuyệt đối:

div[style*="tuyệt đối"] {
đường viền: 2px nét đứt màu đỏ;
chiều rộng: 1000px; /* tổng chiều rộng của mục linh hoạt */
/* hoặc chiều rộng: 100% */
/* hoặc trái: 0; phải: 0;
}

* {
kích thước hộp: hộp viền;
}


công cụ tesdfxt< /div>
thêm
29
Tiêu chuẩn




0
0


công cụ tesdfxt< /div>
thêm
29
Tiêu chuẩn




0
0


sume Stufff< /div>
thêm
29
Tiêu chuẩn




0
0

bản demo fiddle đã sửa đổi

Nếu bạn không muốn đặt chiều rộng trên vùng chứa, một giải pháp khác là áp dụng màu nền cho phần tử chứ không phải vùng chứa.

div[style*="absolute"] > div:nth-child(odd) > div {
màu nền: rgb(173, 216, 230) !quan trọng;
}

div[style*="absolute"] > div:nth-child(chẵn) > div {
màu nền: rgb(173, 216, 100) !quan trọng;
}


công cụ tesdfxt< /div>
thêm
29
Tiêu chuẩn




0
0


công cụ tesdfxt< /div>
thêm
29
Tiêu chuẩn




0
0


sume Stufff< /div>
thêm
29
Tiêu chuẩn




0
0

bản demo fiddle đã sửa đổi

Về html - màu nền bị cắt trong vùng chứa flex, 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/45602303/

26 4 0
Walker 123
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
Xem sitemap của VNExpress