zoukankan      html  css  js  c++  java
  • 解决div嵌套时IE8和FF无法自适应高度

    解决div嵌套时IE8和FF无法自适应高度 还是做类似新浪评论回复的时候,将回复的DIV嵌套在一个DIV中,然后点击回复的时候显示子DIV,这是父DIV的高度是会变化的,于是我将父DIV的高度设置为height:auto;可是问题就出现了,在IE6和IE7下父DIV的高度可以自适应而在IE8和FF下却不可以,于是我开始在网上搜索,嘿嘿,现在的网络知识共享真好,让我找到解决办法了! 在父DIV的CSS中添加两个属性值 clear:both; overflow:auto; OK啦!希望对遇到同样问题的朋友能有帮助!

    IE8下高度无法自适应的问题:

    页面在设计的过程中,常常会遇到页面高度随着内容的高度而变化,height:auto;但是在ie8下,如果设置height:auto;的话,内容却无法撑开整个div,但在ie6下就不会出现这样的问题。

    因此只要设置一个样式,编写在高度自适应的div中即可

    .clear_float{ height:auto; clear:both; font-size:0;}
    <div style="height:auto;980px;">
    <div class="clear_float"></div>
    </div>

    这里还设置了容器字体大小, font-size:0;是为了消除ie6下,div的一个默认高度。

  • 相关阅读:
    Redis Java客户端之Lettuce
    Redis Java客户端之Redisson
    Redis Java客户端的比较
    Redis布隆过滤器
    过期删除策略和内存淘汰策略
    集群模式详解
    哨兵模式详解
    Redis Java客户端之Jedis
    主从复制
    AOF持久化
  • 原文地址:https://www.cnblogs.com/skyay/p/3782047.html
Copyright © 2011-2022 走看看