Home思洋影视事业部网站建设知识库
0 Comments

常用12种CSS BUG解决方法与技巧(3)

发布于：2013-08-12  |   作者：广州网站建设  |   已聚集：人围观

十一、最小宽度

IE6另外一个bug就是它不支持min-width属性.min-width又是相当有用的,特别是对于弹性模板来说,它们有一个100%的宽度,min-width可以告诉浏览器何时就不要再压缩宽度了.
除IE6以外所有的浏览器你只需要一个min-width:Xpx;例如:
广州网站建设,网站建设,广州网页设计,广州网站设计

ExampleSourceCode 



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




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



	ExampleSourceCode 




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




	然后你需要定义外层div的min-width属性，本文由52CSS.com整理，转载请注明出处！



	ExampleSourceCode 




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




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



	ExampleSourceCode 




    
	
  1. 
		*html.container{  
    2. 
	
  2. 
		border-right:300pxsolid#FFF;  
    3. 
	
  3. 
		}  
    4. 
	
  4. 
		 
    5. 
	
  5. 
		*html.holder{  
    6. 
	
  6. 
		display:inline-block;  
    7. 
	
  7. 
		position:relative;  
    8. 
	
  8. 
		margin-right:-300px;  
    9. 
	
  9. 
		}  
    10. 




	十二、隐藏水平滚动条

	广州网站建设,网站建设,广州网页设计,广州网站设计



	为了避免出现水平滚动条,在body里加入overflow-x:hidden.



	ExampleSourceCode




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




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


			

			

					 标签：
					 
			

		
		
			  
	  
 
	

	 
	

	





	
	



飞机