-
-
IE6其他一个漏洞就是它不赞成 min-width 属性. min-width又是相当无效的, 特别是关于弹性模板来讲, 它们有一个100%的宽度,min-width 也许敷陈阅读器何时就不要再压缩宽度了.
除IE6之外全数的阅读器你只必要一个 min-width: Xpx; 比方:
- .container {min-width:300px;}
为了让他在IE6下任务, 我们需求一些额外的任务. 开始的时候我们需要创设两个div, 一个采集另一个:
- <div class="container">
- <div class="holder">Content</div>
- </div>
然后你必要界说外层div的min-width属性
- .container {min-width:300px;}
这时候该是IE hack大显威力的时刻了. 你重要网罗如下的代码:
- * html .container {border-right: 300px solid #FFF;}
- * html .holder {display: inline-block;position: relative;margin-right: -300px;}
随着涉猎器窗口大小的外层div宽度高涨,以顺应直到它放大到了边框的宽度,此时它不会进一步萎缩的。持有人DIV跟风,也中断萎缩。外层的div边框宽度成为内div的最小宽度。
-
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h53851.shtml