保留父級大小的CSS重疊元素

我想重疊一些元素而不使用position: absolute。原因是我有幾個垂直部分（不應該重疊）包含重疊的元素。問題是，我無法預先知道重疊或重疊元素是否具有更大的尺寸。如果其中一個將收到position: absolute它將被從流中取出，因此父容器不會相應地調整大小，並且各部分會重疊。我已經發現這個問題，但似乎沒有人回答這個問題。這裏是一個例子： http://jsfiddle.net/nNhtU/保留父級大小的CSS重疊元素

來源

2013-07-16 satanik

爲您的'imagesize'指定'height'並添加'overflow：scroll' – falguni

如果我不知道'imagesize' ause圖像是通過CMS添加的？ – satanik

如果可以使用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/

來源

2013-08-02 09:58:01

我想用CSS來做，因此我告訴設計師將背景放大到比重疊的東西更大。 – satanik

保留父級大小的CSS重疊元素

回答

相關問題