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

css - Phần tử định vị "Tuyệt đối" không hiển thị khi được đặt bên ngoài phạm vi chính?

In lại Tác giả: Vũ trụ không gian 更新时间:2023-11-04 07:02:03 28 4
mua khóa gpt4 Nike

我怎样才能得到一个绝对定位的子 div,当它放在父 div 的范围之外时不显示?

https://jsfiddle.net/knp9ebys/9/

.papa {
nền: đỏ;
tràn: tự động;
width:90px;
chiều cao:90px;
}

.baby {
vị trí: tuyệt đối;
top:100px;
trái:100px;
width:25px;
height:25px;
nền: màu xanh;
màu: trắng;
}

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

Hãy thử điều này:

.papa {
nền: đỏ;
tràn: tự động;
width:90px;
chiều cao:90px;
position:relative; /* add this line */
overflow:hidden; /* add this line */
}

.baby {
vị trí: tuyệt đối;
top:100px;
trái:100px;
width:25px;
height:25px;
nền: màu xanh;
màu: trắng;
}

Nếu như vị trí: tương đối; 添加到父元素,则子元素可以定位在父元素的上下文中。添加 overflow:hidden; 是一个诀窍,因为这将删除滚动条......并且由于子元素的定位在父元素的边界之外,这将使子元素看起来隐藏在 View 之外。

关于css - “绝对”位置元素在放置在父级范围之外时不显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51957436/

28 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