13518219792
子元素浮动后父元素塌缩。最简单的解决方法是在父元素top-main clearfix的最后加一个子元素，将其clear值设为both。
目前成都创新互联公司已为1000+的企业提供了网站建设、域名、网页空间、成都网站托管、企业网站设计、芒康网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
清除浮动试试，没放浏览器里面测试，目测是浮动没清除造成的。自己百度：css清除浮动 记住：几乎所有情况下浮动了，都要清除 css命名不要用下划线，改成中划线。
ie8下兼容问题，这个最好处理，转化成ie7兼容就可以。
ie-cssjs下载页面的每一个样式文件并解析它的CSS3伪选择器。如果一个选择器被找到，它就会被替换为同名的CSS class。比如： div：nth-child(2) 将会变成 div._iecss-nth-child-2 。
至今为止，我没有找到比较好的解决办法。唯一的解决办法就是。火狐 谷歌浏览器用HTML5实现圆角，如果是IE的话，就识别出来之后，用图片代替。
e浏览器从ie8开始添加了兼容模式，开启后会以低版本的ie进行渲染。
respond.min：让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。
建议：不要考虑兼容IE圆角了，现在大多网站根本不管IE的css3属性，牺牲小部分用户部分体验，满足大部分用户才是明智之举。还有csshtc这个文件其实里面就是js写的，对浏览器性能影响太大了，所以真心不建议你用。
Canvas实现图片圆角的关键是使用“纹理填充”。Canvas中有个名为createPattern的方法，可以让已知尺寸的图片元素转换成纹理对象，作填充用。
！--以IE7模式渲染-- 还 有一种情况，在IE8下只有不使用兼容模式页面才能显示正常，但是如果设定为IE8的模式，在IE9中却会导致CSS3失效。看来，需要针对 IEIE9 分别 禁用兼容模式。
由于ie9更改了以往ie7的布局引擎，可能会导致不按html标准编写的网页支离破碎，如果您本人不了解编写html的话，建议使用较新的html模版修改。
可以将input放到一个容器中（如div）然后给div容器设置样式，通过控制容器的位置来达到控制字体位置。
页面代码或样式问题：在编写网页时，有可能出现一些不规范或者兼容性差的代码或样式，导致在IE8下无法正常显示。
1、css hack方式二：类内属性前缀法属性前缀是在CSS样式属性名上加上一些只有特定浏览器才能识别的hack前缀，已达到预期的页面展现效果。
2、width：auto；是宽度自动的意思。\9是hack css 的一种写法，这种在正常css代码后面加\9的方式，只有IE浏览器才能识别，其他浏览器会忽略这条语句。这样就能做到差异化浏览器，来达到兼容浏览器的目的。
3、针对不同的浏览器写不同的 CSS code 的过程，就是 CSS hack。
IE 开发者工具添加css属性步骤如下：选择开发人员工具栏目中，选择左起第一个鼠标指针按钮，然后将鼠标移动到“请假原因”多行文本空白处，点击鼠标左键。当前选中区域的元素和该元素的样式将分别在左右窗格显示出来。
background-size属性（即斜杠后面的两个100%）属于css3，要IE9+才支持。
在CSS Expression中使用JavaScript表达式。CSS属性根据JavaScript表达式的计算结果来设置。CSS Expression在其它浏览器中不起作用，因此在跨浏览器的编码中单独针对IE设置时会比较有用。从IE5开始支持CSS Expression。
其正确的使用方法是为：IE：obj.style.styleFloat，其他浏览器Mozilla(gecko)，ff等用styleFloat：obj.style.cssFloat。
