• 技术文章 >web前端 >html教程

    IE6实现min-width_HTML/Xhtml_网页制作

    2016-05-16 16:45:34原创520
    首先我们知道这个效果应该是一个老话题了。
    今天整理文件的时候,发现自己以前的一些布局的解决方法躺在文件夹里很长时间了,翻翻老底吧
    需要说明的是有幸也见到过CSSPLAY的老工程师站长对这个效果的实现,而且肯定是很早就给出来了。
    闲话少说,上源码:
    触发并利用IE6-layout的怪异特性,css实现:



    ie6-下,容器实现模拟min-width效果。请任意改变浏览器窗口大小,再点击按钮“查看宽度”。



    css实现演示:
    运行代码框

    [Ctrl A 全部选择 提示:你可先修改部分代码,再按运行]
    扩展演示:
    运行代码框

    [Ctrl A 全部选择 提示:你可先修改部分代码,再按运行]
    CSS Expression
    ——相信许多人在用这个方法实现容器最小宽度时都时常会被莫名其妙的死机所困扰,最后往往无果而终。
    这里特别需要指出的是两点:
    1. IE6-的标准模式下和quirk模式下代表视口的元素是不一样的,前者为,后者则为;
    2. IE6-在以上两种不同的模式下,其对包含内容溢出时的不同表现形式,从而导致了赋值判断上的死循环。解释起来有些啰嗦,自己实践一下吧。
    CSS Expression实现最小宽度源码:
    ie6-下,容器实现模拟min-width效果。请任意改变浏览器窗口大小,再点击按钮“查看宽度”。

    演示:
    运行代码框

    [Ctrl A 全部选择 提示:你可先修改部分代码,再按运行]
    以上两种解决方法在IE6-的标准模式下和quirk模式下都可实现,IE Expression在这个应用中也未发现CPU效率问题。
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:HTML是WEB标准开发的中心基础_HTML/Xhtml_网页制作 下一篇:标记语言——打印样式_HTML/Xhtml_网页制作
    PHP编程就业班

    相关文章推荐

    • html下拉菜单文字怎么变小• html5中元素能拉伸宽度吗• HTML里怎么设置thead表头的颜色• html5怎么创建跳转页尾超链接• myeclipse打开html乱码怎么解决

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网