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

Định vị CSS liên quan đến cố định/tuyệt đối

In lại Tác giả: Hồ Xil Thời gian cập nhật: 2023-11-01 12:53:09 29 4
mua khóa gpt4 Nike

Tôi xin lỗi nếu tôi có vẻ khá "mới" với CSS. Tôi đã cố gắng thiết lập như sau ...

#0 {
width: 100%;
chiều cao: y;
đường viền: 1px màu đen;
}
#Một {
position: fixed;
trôi sang trái;
chiều rộng: x;
chiều cao: y;
đường viền: 1px màu đen;
}
#b {
position: relative;
nổi: trái;
chiều rộng: x;
chiều cao: y;
viền bên phải: 1px màu đen;
}

/*HTML*/
Một số div...

div khác

div cuối cùng...

Vì lý do nào đó, nếu tôi cố gắng đặt #b bên dưới #a, #b sẽ xuất hiện phía trên #a trừ khi tôi khai báo vị trí của nó là tĩnh hoặc tuyệt đối, nhưng sau đó tôi sẽ cần định vị thủ công các thuộc tính trên cùng/trái và điều này cũng không' t hiển thị chính xác trong tất cả các trình duyệt. Bất kỳ trợ giúp sẽ được đánh giá rất cao!

Đã sửa rồi (Phải khai báo html, body: (width: 95%;)) Cảm ơn góp ý của mọi người!

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

Đầu tiên, một số chỉnh sửa: #0 cần được đặt tên khác vì ID không thể bắt đầu bằng số. Bạn cũng thiếu: trong thuộc tính float của #a. Tôi cũng không chắc "x" và "y" là gì đối với chiều cao/chiều rộng - tôi cho rằng đây chỉ là ví dụ?

Các phần tử cố định và tuyệt đối không có trong luồng tài liệu. Nghĩa là, chúng không chiếm nhiều không gian như các phần tử được định vị thông thường.

Vì vậy, trong ví dụ của bạn, các phần tử cố định sẽ có các phần tử tương đối, như bạn đã khám phá, vì chúng có thể nằm trong cùng một không gian xy. Nếu bạn đặt nó là tuyệt đối, top:0; left: 0, điều tương tự sẽ xảy ra.

Tiếp theo, bạn có một float (gần như vậy), vì vậy hãy xem xét float thay đổi tất cả vị trí. Cách sắp xếp các kiệu rất “đặc biệt”. Chúng đang chảy, nhưng càng cao càng tốt và theo hướng nổi. Nếu chúng quá rộng để có thể liền kề với nội dung nổi khác của hàng, chúng sẽ chuyển sang hàng tiếp theo.

bạn có thể làm


aaaaaa

bbb bbb

'Xóa' có nghĩa là một phần tử sẽ xuất hiện bên dưới phần tử float trước đó. #b sẽ ở dòng tiếp theo, bên dưới #a. Bạn cũng có thể có #a có lề lớn ở bên phải hoặc đủ rộng để lấp đầy bất kỳ vùng chứa nào mà không chừa chỗ cho #b và có #b ở dưới #a thay vì bên cạnh nó.

Về định vị html - CSS liên quan đến cố định/tuyệt đối, 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/6314193/

29 4 0
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