zoukankan      html  css  js  c++  java
  • IE6 实现minwidth

    首先我们知道这个效果应该是一个老话题了。
    今天整理文件的时候,发现自己以前的一些布局的解决方法躺在文件夹里很长时间了,翻翻老底吧
    需要说明的是有幸也见到过CSSPLAY的老工程师站长对这个效果的实现,而且肯定是很早就给出来了。

    闲话少说,上源码:

    触发并利用IE6-layout的怪异特性,css实现:

    折叠
    .ie6-out{
           _margin-left:900px;
           _zoom:1;
    }
    .ie6-in{
           _position:relative;
           _float:left;
           _margin-left:-900px;
    }
    #min-width{
           min-width:900px;
           background:#ccc;
           line-height:200px;
           _zoom:1;
    }
    View Code
    <div class="ie6-out">
      <div class="ie6-in">
        <div id="min-width">ie6-下,容器实现模拟min-width效果。请任意改变浏览器窗口大小,再点击按钮“查看宽度”。</div>
      </div>
    </div>

    另一方法

    #min-width{
           min-width:900px;
           _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<900?"900px":"");
           line-height:200px;
           background:#ccc;
    }
    <div id="min-width">ie6-下,容器实现模拟min-width效果。请任意改变浏览器窗口大小,再点击按钮“查看宽度”。</div>
    
    
  • 相关阅读:
    Python三维绘图--Matplotlib colorbar生成
    Python三维绘图--Matplotlib
    VIM剪切板的使用
    三维点云网络PointNet——模型及代码分析
    ECCV2018--点云匹配
    hdu 1905 小数化分数2
    hdu 1755 A Number Puzzle
    hdu 1796 How many integers can you find
    hdu 1452 Happy 2004
    hdu 2837 Calculation
  • 原文地址:https://www.cnblogs.com/kiter/p/2882496.html
Copyright © 2011-2022 走看看