思洋互动网站建设学前班

八.最小宽度

IE6另外一个bug就是它不支持min-width属性.min-width又是相当有用的,特别是对于弹性模板来说,它们有一个100%的宽度,min-width可以告诉浏览器何时就不要再压缩宽度了.

除IE6以外所有的浏览器你只需要一个min-width:Xpx;例如:
广州网站建设,网站建设,广州网页设计,广州网站设计

1. .container{  
2. min-width:300px;  
3. }  
4.  

为了让他在IE6下工作,我们需要一些额外的工作.开始的时候我们需要创建两个div,一个包含另一个:

1. <divclassdivclass="container"> 
2. <divclassdivclass="holder">Contentdiv> 
3. div> 
4.  

然后你需要定义外层div的min-width属性

1. .container{  
2. min-width:300px;  
3. }  
4.  

这时该是IEhack大显身手的时候了.你需要包含如下的代码:

1. *html.container{  
2. border-right:300pxsolid#FFF;  
3. }  
4. *html.holder{  
5. display:inline-block;  
6. position:relative;  
7. margin-right:-300px;  
8. }  
9.  
10. Asthebrowserwindowisresizedtheouter  
11. divwidthreducestosuituntilitshrinkstotheborderwidth,  
12. atwhichpointitwillnotshrinkanyfurther.  
13. Theholderdivfollowssuitandalsostopsshrinking.  
14. Theouterdivborderwidthbecomestheminimumwidthoftheinnerdiv.  
15.  

九.隐藏水平滚动条

为了避免出现水平滚动条,在body里加入overflow-x:hidden.
广州网站建设,网站建设,广州网页设计,广州网站设计

1. body{overflow-x:hidden;}  
2.  

当你决定使用一个比浏览器窗口大的图片或者flash时,这个技巧将非常有用