Question

我想在不使用position: absolute的情况下重叠某些元素。因此，我有几个垂直部分（不应重叠）包含重叠的元素。问题是，我事先不知道重叠或重叠元素是否具有更大的尺寸。如果其中一个将收到position: absolute，它将被取出流量，因此父容器将不会相应地调整大小，并且这些部分将重叠。我已经发现了这个问题，但似乎没有人回答这个问题。这是一个例子： http://jsfiddle.net/nNhtU/

Answer 1

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

.designer-question {
    overflow: scroll;
}

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

$('.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元素

1 个答案: