IE overflow:hidden失效的解决方法

position和float是两种布局模式，在IE6下共用有时会导致用position定位的元素节点消失。绝对定位的元素节点是参照离它最近的已定位元素，所以父节点定位relative、子节点定位absolute是很常见的。

overflow:hidden失效
当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时，父元素的overflow:hidden属性就会失效。
我们在IE 6内发现子元素会超出父元素设定的高度，即使父元素设置了overflow:hidden。
解决这个bug很简单，在父元素中使用position:relative;即可解决该bug

我的办法：子元素设置绝对定位，父元素相对定位，这样overflow:hidden就不会失效了。

IE下CSS溢出隐藏失败(IE overflow:hidden失效)

html代码：

   
   

			
    
    
服务范围
			
    
    

				
     
     

						
						

						
品牌官网设计
						

							设计、策划、制作全方位周边产品让你省心的一条龙服务。
							充分了解企业文化、行业特点，体现企业特色。 设计师一对一沟通，充分了解你的需求和想法。 时刻掌握最新技术动向，打造高品质网站。
						
					

						

							专业量身定制开发，定制设计、定制功能。
							拥有一支资深开发工程师团队，追求质量同时保证速度。
							追求完美，不断提升系统响应速度和稳定性。
							完善的测试流程，在上线之前解决问题
						
						

						
商城网站建设
						
					

						
						

						
手机、微信网站建设
						

							个性设计，独一无二，用设计风格体现企业文化。
							精简代码、追求速度，兼容主流手机浏览器。
							和PC端数据同步，管理方便，全方位网络营销。
							零成本增加微信网站。
						
					

						
						

						
其他网站定制
						

							旅游官网、旅游平台等网站定制
							外贸网站、外贸商城等网站定制
							门户网站、教育平台等网站定制
							内部管理系统等其他网站定制
						
					

						

							站内优化如同打地基，地基不稳，网站怎能推广成功
							合理配置网站标题、关键词、描述
							优化页面代码，利于搜索引擎抓取
							网站地图、robots设置、404错误设置
						
						

						
SEO基础优化
						
					

						
						

						
域名服务
						

							个性设计，独一无二，用设计风格体现企业文化。
							精简代码、追求速度，兼容主流手机浏览器。
							和PC端数据同步，管理方便，全方位网络营销。
							零成本增加微信网站
						
					
			
    
    
   
   

ul的宽度为2000，而他的父级div设置的宽度为1000，并且设置了overflow：hidden，但是在ie中多出来的ul部分并没有被隐藏掉。

原因是我的li元素加了定位，position：relative，解决办法是在父节点容器 中也加一个position:relative。在#con的div中也加上position：relative，问题得到解决。

我的css代码：

div#scope_con div#con{width:1000px;height: auto;overflow: hidden;margin:30px auto;border: solid 1px red;position: relative;}
div#scope_con div#con ul{width:2000px;overflow: hidden;border:solid 1px green;}
div#scope_con div#con li{list-style: none;float: left;width: 333px;height: 400px;background:#d04d43;position: relative;}
div#scope_con div#con li img{width: 333px;height:200px;border:0px;}
div#scope_con div#con li#sc img,div#scope_con div#con li#yh img{margin-top:40px}