zoukankan      html  css  js  c++  java
  • 外层div自适应内层div高度

    最近在做项目的时候,写jsp页面,在显示一些数据时不知道数据的多少,这时候就需要外层div自适应内层div的高度。

    在网上找了些方法,也是本人现在用的解决方法,这里只介绍一种,当然还有很多种解决方法。

      如:

    1 <div id="div_1">
    2     <div id="div_1_1"></div>
    3     <div id="div_1_2"></div>
    4     <div id="div_1_3"></div>
    5 </div>

      div_1_2和div_1_3的高度固定不变,div_1_1的高度是变化的,要让div_1自适应其子div的高度,解决方法:

        1.设置div_1_1的最小高度:min-height

        2.在div_1_3后面加一个div: <div style="clear: both;display: none;"></div>

        3.设置div_1的最小高度:min-height(等于:div_1_1的最小高度 + div_1_2的高度 + div_1_3的高度 ),这样div_1_1高度变大时,div_1的高度会自适应高度变化。

      

  • 相关阅读:
    电路原理图基本知识概述(转)
    数字电路笔记
    模拟电路笔记
    ROS笔记一
    STM32笔记三
    电子元件笔记
    STM32笔记二
    C语言相关知识
    利用sql报错帮助进行sql注入
    kali下纯文本与窗口环境切换
  • 原文地址:https://www.cnblogs.com/kylyww/p/6744065.html
Copyright © 2011-2022 走看看