zoukankan      html  css  js  c++  java
  • 【css样式】当子元素设置属性为position:absolute,父元素不能自动撑开

    【问题】在做banner设计的时候,包裹图片的div子元素设置属性为position:absolute,其外层父元素高度为0,导致banner不能正常显示
    【原因】position:absolute的元素完全从文档流当中移走,所以他们的尺寸无法影响到父元素的尺寸
    【解决办法】
    设置父元素的高度为图片高度
    但此时会存在另外一个问题就是,在浏览器窗口大小改变时,父元素高度不能随图片的变化而变化
    因此我们需要使用js,在浏览器窗口改变时,获取图片高度从而赋值给父元素,以达到预期效果
    $(window).resize(function() {
    var height = $('#图片ID').css("height");
    $('#父元素ID').css("height",height);
    });

  • 相关阅读:
    基于XML的声明式事务控制
    spring中JdbcTemplate使用
    四种常用的通知类型(xml)
    AOP配置步骤(XML)
    12388. 图论割边
    12389. 割点
    12206. 电缆网络
    12178. 破坏牛棚
    java反射笔记
    java单元测试
  • 原文地址:https://www.cnblogs.com/LiCoco/p/12463236.html
Copyright © 2011-2022 走看看