【css樣式】當子元素設置屬性為position:absolute,父元素不能自動撐開


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM