8、最小宽度
IE的另外一个Bug就是它不支持min-width属性。min-width确实非常有用,特别是对于100%宽度的可变模板来说,因为他告诉浏览器停止收缩。
对于除IE6以外的所有浏览器来说你只需min-width:xpx;例如:
.container { min-width:300px; }
要让这些在IE6下起作用的话你要添加额外的努力!你需要创建两个DIV,一个包含着另一个。
<div class=”container”> <div class=”holder”>Content</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; }
当浏览器窗口调整外层宽度来适应直到它缩小到border的宽度时,这个时候它就不能够在缩小了。而holder层也会停止收缩。外层的边框宽度变成了内层的最小宽度。
9、隐藏水平滚动
要去除水平滚动条,可以在body中插入overflow-x:hidden属性。
body { overflow-x: hidden; }
这在你决意要用一个比浏览器款的图片或Flash时很有用。
经典论坛讨论: http://bbs.blueidea.com/thread-2809362-1-1.html
本文链接:http://www.blueidea.com/tech/web/2007/5068.asp
出处:蓝色理想
责任编辑:moby
上一页 CSS hacks与争议 [2] 下一页
◎进入论坛网页制作、WEB标准化版块参加讨论,我还想发表评论。
|