css - CSS通过保留父大小重叠元素

Question

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

Answer 1

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

.designer-question {
    overflow: scroll;
}

然后你可以使用一个简单的循环将每个.designer-question的高度设置为它的高度：imgeach

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