网络编程
位置:首页>> 网络编程>> 网页设计>> CSS hacks与争议(3)

CSS hacks与争议(3)

作者:mienflying 来源:蓝色理想 发布时间:2007-11-19 12:56:00 

标签:hacks,css,ie

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时很有用。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com