在Internet Explorer 6中模仿CSS属性min-width的权威方法是什么?最好不要尝试?
答案 0 :(得分:8)
foo { min-width: 100px } // for everyone
* html foo { width: 100px } // just for IE
(或使用conditional comments)向IE提供单独的样式表
答案 1 :(得分:7)
您可以使用表达式(如HBoss所建议的那样),但如果您担心性能,那么最好的方法是在要应用最小宽度的元素内添加垫片。
<div id="container">
The "shim" div will hold the container div open to at least 500px!
You should be able to put it anywhere in the container div.
<div class="shim"> </div>
</div>
#container .shim {
width: 500px;
height: 0;
line-height: 0;
}
这需要一些非语义标记,但它是一个真正的跨浏览器解决方案,不需要使用表达式的开销。
答案 2 :(得分:2)
This article,展示了在IE中实现最小宽度的不同方法,在所有模式中(Quirks等),甚至是IE / Mac。
答案 3 :(得分:2)
我已经摆弄了过去一个月里给出的每一个答案。在使用Pretaul的方法(Min-width in MSIE 6)之后,它似乎是最小宽度的最佳替代方案。没有黑客或任何东西,只需要直接兼容的CSS代码,需要30秒才能实现。
从谷歌搜索,表达似乎是最受欢迎的。无论如何,我想要随机锁定我的浏览器(IE和FF)。
答案 4 :(得分:2)
我不知道,我取得了一些成功:
min-width: 193px;
width:auto !important;
_width: 193px; /* IE6 hack */
dustin diaz'min-height fast hack&amp; amp; How do I specify in HTML or CSS the absolute minimum width of a table cell
答案 5 :(得分:0)
将你的css标签作为_Width:500px或其他。
答案 6 :(得分:0)
这很好用......
div.container {
min-width: 760px;
width:expression(document.body.clientWidth < 760? "760px": "auto" );
}
答案 7 :(得分:0)
Min-height fast hack适用于我(也适用于宽度)
答案 8 :(得分:0)
当容器达到一定大小时,shim示例可以强制浏览器显示水平滚动条,但是当窗口变小时,您会注意到容器中的内容仍将调整大小。我想在IE 6中尝试达到最小宽度时,这不是总体目标。
此外,使用表达式和其他疯狂的CSS黑客只是不好的做法。他们不安全和不洁净。这个article解释了CSS黑客的注意事项以及为什么应该完全避免它们。
我个人认为scaryjeff的帖子是在IE6中实现真正的最小宽度的最佳建议,作为一个经验丰富的CSS布局开发人员,我还没有找到适用于此类问题的更好的解决方案。
Stu Nicholls在CSS Play上的这个article显示了在IE中实现最小宽度的不同方法,在所有模式(Quirks等)甚至是IE / Mac中。
我已经提供了一个类似问题的答案,详细说明了使用这种技术来正确实现最小宽度。可以在这里查看:
CSS: Two 50% fluid columns not respecting min width
该技术简单,有效的CSS几乎可以在任何情况下使用。应用于上面的垫片示例,它导致我认为是正确的最小宽度功能。
答案 9 :(得分:0)
单行按钮
button{
background-color:#069;
float:left;
min-width:200px;
width:auto !important;
width:200px;
white-space: nowrap}
答案 10 :(得分:-1)
使用条件注释来引用和MSIE 6特定样式表,然后按如下所示创建CSS。
兼容的浏览器将使用:
min-width: 660px;
然后MSIE 6将使用:
width: expression((document.body.clientWidth < 659)? "660px" : "auto");