gpt4 book ai didi

CSS 通过保留父级大小来重叠元素

转载 作者:太空宇宙 更新时间:2023-11-03 18:40:39 25 4
gpt4 key购买 nike

我想在不使用 position: absolute 的情况下重叠一些元素。因此,原因是我有几个垂直部分(不应重叠)包含重叠的元素。问题是,我无法事先知道重叠元素或重叠元素是否具有更大的尺寸。如果其中一个接收到 position: absolute ,它将脱离流程,因此父容器的大小不会相应调整,并且这些部分会重叠。我已经找到了这个问题,但似乎没有人回答这个问题。这是一个例子: http://jsfiddle.net/nNhtU/

最佳答案

如果可以使用 jQuery,这可以很容易地完成。设置父元素的overflow属性为scroll:

.designer-question {
overflow: scroll;
}

然后您可以使用简单的 each 循环将每个 .designer-question 的高度设置为其 img 的高度:

$('.designer-question').each(function () {
var $el = $(this); // Get jQuery of each designer question
var $backImg = $('.back img', $el); // Get background image
$el.css('height', $backImg.height());
});

我已将此应用于您的 jsfiddle 以进行演示:http://jsfiddle.net/jfdPb/1/

关于CSS 通过保留父级大小来重叠元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17671142/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com