In an HTML page, the natural stacki

In an HTML page, the natural stacking order (i.e. the order of elements on the Z axis) is determined by a number of factors. Below is a list showing the order that items fit into a stacking context, starting with the bottom of the stack. This list assumes none of the items has z-index applied:
Background and borders of the element that establish stacking context
Elements with negative stacking contexts, in order of appearance
Non-positioned, non-floated, block-level elements, in order of appearance
Non-positioned, floated elements, in order of appearance
Inline elements, in order of appearance
Positioned elements, in order of appearance
The z-index property, when applied correctly, can change this natural stacking order.
Of course, the stacking order of elements is not evident unless elements are positioned to overlap one another. Thus, to see the natural stacking order, negative margins can be used as shown below:

Kết quả (Việt) 1:

Trong một trang HTML, xếp trật tự thiên nhiên (tức là thứ tự của các yếu tố trên trục Z) được xác định bởi một số yếu tố. Dưới đây một danh sách hiển thị thứ tự các mục đó phù hợp với một bối cảnh xếp, bắt đầu từ dưới cùng của ngăn xếp. Danh sách này giả sử không có các khoản mục đã z-index, áp dụng:Nền và các biên giới của các yếu tố thiết lập bối cảnh xếp chồngVới bối cảnh xếp tiêu cực, theo thứ tự xuất hiện của các yếu tốVị trí phòng không, không lưu hành, khối cấp nguyên tố, theo thứ tự xuất hiệnYếu tố ở vị trí phòng không, lưu hành theo thứ tự xuất hiệnYếu tố nội tuyến, theo thứ tự xuất hiệnVị trí các yếu tố, theo thứ tự xuất hiệnThuộc tính z-index, khi áp dụng một cách chính xác, có thể thay đổi thứ tự xếp chồng tự nhiên này.Tất nhiên, xếp thứ tự của các yếu tố không phải là điều hiển nhiên trừ khi các yếu tố nằm ở vị trí trùng nhau. Vì vậy, để xem xếp trật tự thiên nhiên, phủ định lề có thể được sử dụng như hình dưới đây:

Kết quả (Việt) 2:

Trong một trang HTML, thứ tự sắp xếp tự nhiên (tức là thứ tự của các yếu tố trên trục Z) được xác định bởi một số yếu tố. Dưới đây là một danh sách hiển thị theo thứ tự mà các mặt hàng phù hợp với ngữ cảnh xếp chồng, bắt đầu từ dưới cùng của ngăn xếp. Danh sách này giả định không ai trong số các mặt hàng có z-index áp dụng:
Bối cảnh và biên giới của các yếu tố đó thiết lập các xếp bối cảnh
Elements với bối cảnh xếp chồng tiêu cực, trong thứ tự xuất hiện
không ở vị trí, không thả nổi, yếu tố khối cấp, theo thứ tự xuất hiện
Non-vị trí, lưu hành các yếu tố, trong thứ tự xuất hiện
các yếu tố nội tuyến, trong thứ tự xuất hiện
các yếu tố nằm ở vị trí, thứ tự xuất hiện
thuộc tính z-index, khi áp dụng một cách chính xác, có thể thay đổi thứ tự sắp xếp tự nhiên này.
Tất nhiên, thứ tự sắp xếp của các nguyên tố không rõ ràng trừ yếu tố được đặt chồng lên nhau nhau. Vì vậy, để xem thứ tự sắp xếp tự nhiên, lợi nhuận tiêu cực có thể được sử dụng như hình dưới đây: