zoukankan      html  css  js  c++  java
  • IE7下浮动(float)层不能实现环绕的问题

    有2个DIV,左面那个浮动,放广告;右边那个放正文内容。希望的效果是正文右环绕着这个广告。代码如下

    <div><div style="float:left;300px;height:250px;margin-
    
    right:10px;padding:10px;">广告</div><div id="divContent" style="background
    
    -color:#FAFAFA;padding:10px;border:solid 1px #ccc;min-height:300px;"><p>正
    
    文内容</p></div></div>

    GG、FF、IE6\IE8都正常,但IE7下却变成这个样子:

    变成广告自己独占一列,正文自己一列,泾渭分明,根本没有环绕的效果。

    后来将正文所在DIV的“

    min-height:300px;
    ”去掉,则施施然环绕矣。


    一个最小高度限制,居然会影响浮动重叠效果,谁想得到呢。九不搭八。

    我操你,微软,我操你姥姥。

  • 相关阅读:
    【leetcode】N叉树的前序遍历
    【leetcode】第 N 个泰波那契数
    【leetcode】下一个更大元素 I
    【leetcode】Nim 游戏
    【leetcode】非递减数列
    053-208
    053-211
    053-56
    053-53
    053-236
  • 原文地址:https://www.cnblogs.com/leftfist/p/4258039.html
Copyright © 2011-2022 走看看