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

html - 绝对/相对定位问题

In lại Tác giả: Walker 123 更新时间:2023-11-28 11:57:51 27 4
mua khóa gpt4 Nike

下面是我正在处理的代码。如您所见,有一个“#parent”div 和一个“#child”div。 '#child' div 有一个未定义的高度,这是因为有时,'#child' 的高度小于或长于它的父级高度,即如下所示的 '400px'。我遇到的问题是,只要 child 的高度比#parents 的高度长,#child 的内容就会重叠或超出 parent 的包裹范围。


#cha mẹ{
vị trí: tương đối;
chiều cao: 400px;
chiều rộng: 500px;
}

#child{
vị trí: tuyệt đối;
top: 0px;
right: 0px;
}




//Some content


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

如果您想隐藏 #child 上的任何溢出内容,请使用:

#parent {
tràn: ẩn;
}

如果您仍然希望能够看到#child 中的所有内容,您可以将其包含在滚动条中。这样#child的高度就不会和#parent的高度冲突了。

#parent {
tràn: tự động;
}

biên tập:

如果想让#parent的高度随#child一起拉伸(stretch),#child不能绝对定位。把它拿下来,它会起作用的。如果你希望高度至少为 400px,那么你可以使用:

#parent {
min-height: 400px;
}

参见 fiddle :http://jsfiddle.net/VYrLh/

关于html - 绝对/相对定位问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20024718/

27 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