【問題】在做banner設計的時候,包裹圖片的div子元素設置屬性為position:absolute,其外層父元素高度為0,導致banner不能正常顯示
【原因】position:absolute的元素完全從文檔流當中移走,所以他們的尺寸無法影響到父元素的尺寸
【解決辦法】
設置父元素的高度為圖片高度
但此時會存在另外一個問題就是,在瀏覽器窗口大小改變時,父元素高度不能隨圖片的變化而變化
因此我們需要使用js,在瀏覽器窗口改變時,獲取圖片高度從而賦值給父元素,以達到預期效果
$(window).resize(function() {
var height = $('#圖片ID').css("height");
$('#父元素ID').css("height",height);
});