花费了几个小时没解决的浏览器兼容问题

网站建成之后，一般的兼容型问题都已经解决了，常用的浏览器都可是正常显示和浏览。

今天通过几个浏览器打开网站看了一下，发现在几个浏览器中网站显示不正常，主要表现在网络创业这一个模块中。

显示不正常的浏览器是：Google、遨游、世界之窗，而显示正常的是：FF、IE、360安全浏览器

正常的显示是：

不正常的显示是：

 

自己找了几个小时，愣是没解决。只有通过问了，先在一个web前端QQ群中问了，只有一个很热心得妹子，帮我看了问题，但是还是没解决，不过很感谢她。又在一个前端QQ群问了，不到几分钟一个高手就找到问题出在哪了，解决办法是：去掉网络创业这个块中的CSS样式：.newsphoto ul, .videonews ul  去掉overflow:hidden;就出来了。自己去掉之后，问题解决了，很感谢他。我问他，怎么这么快就找到问题了，他说是直觉，说明他遇到的问题很多，都解决了，这样时间长了，就会很快发现哪错了。

遇到问题，先自己解决，这样可以学到东西，并且提高解决问题的能力。如果这个问题很急，解决不了的话，后面的问题无法进行，这时就需要问别人，这样可以不耽误事。即根据问题的重要程度和紧迫程度决定问别人还是自己解决。

overflow属性

overflow 属性规定当内容溢出元素框时发生的事情。

这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。

visible	默认值。内容不会被修剪，会呈现在元素框之外。
hidden	内容会被修剪，并且其余内容是不可见的。
scroll	内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto	如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
inherit	规定应该从父元素继承 overflow 属性的值。

 

浏览器支持

所有主流浏览器都支持 overflow 属性。

注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。