CSSASSCSSASS

About me RSS Twitter sina weibo github 知乎

三人行必有我师焉，择其善者而从之，其不善者而改之

三人行必有我师焉，择其善者而从之，其不善者而改之

三人行必有我师焉，择其善者而从之，其不善者而改之

三人行必有我师焉，择其善者而从之，其不善者而改之

三人行必有我师焉，择其善者而从之，其不善者而改之

难得一遇的ie bug
作者：Neoxone 发表时间： 2008年09月27号，星期六阅读：11,895 次

前些天，工作时候碰到的一个ie bug。虽费了些功夫解决掉了，但始终搞不明白这个bug(当然bug都是很难捉摸的)。
现在还原这个bug,记录于此，也不知道以后还会不会碰上这个bug了。我想是比较难遇的，因为，产生这个bug的必要因素很多，少了任何一个，这个bug就生不出来了。
看代码：(注释部分是解决方法，任一一种就能解决)

<!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Transitional/EN" "http:/www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http:/www.w3.org/1999/xhtml">
<head>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <title>缺一不可的ie bug</title>
     <style>
      <!--
      *{margin:0;padding:0}        /* 删除不要 */
      body{font-size:12px;line-height:160%;}   /* 删除 line-hieight */
      #mainWrap{overflow: hidden; width:800px; margin:0 auto;}   /* 删除 overflow:hidden; */
      .box{border:1px solid #ccdde0;}	/* 无边框,当然就不会出现bug啦 :X  */
      .newsUser{padding:20px;}     /*  删除padding */
      .newsUser ul{}   /*增加 display:inline-block;  或 margin-top:10px */
      .newsUser ul li{float:left;text-align:center;}   /* 不要浮动... */
       -->
     </style>
</head>
<body>
<div id="mainWrap">
 <div class="box">
     <div class="newsUser">
	<ul>
	   <li>oneboys</li>
	   <li>oneboys</li>
	   <li>oneboys</li>
	   <li>oneboys</li>
	   <li>oneboys</li>
         </ul>
    </div>
 </div>
</div>
</body>
</html>

相关文章:

标签： bug, CSS2

这篇文章发布于 2008年09月27号，星期六，20:53，归类于浏览器与兼容。您可以跟踪这篇文章的评论通过 RSS 2.0 feed。您可以留下评论，或者从您的站点trackback。

一条评论发表在“难得一遇的ie bug”上

蓝灵鼠窝 » Blog Archive » On having layout 说：

2010年02月9日于17:46

[...] 上次我将遇到的ie bug发到blueidea上后。有人说是由于ul没触发layout产生的问题。虽然之前经常听到haslayout这个词，但一直没有看过。网上找了一篇资料阅读了一下。果然明朗多了。文章地址：http://bbs.blueidea.com/thread-2636904-1-1.html [...]

留下回复

话不多说
月圆之夜

月势
最近文章
最近评论
- piao 在炒冷饭，Metro风混搭瀑布流上的评论:膜拜，刷新的时候有点问题，有时候刷新滚动条没了
- Neoxone 在天命：响应式布局的单位——VW/VH 上的评论:@顾佳佳, ):18:(
- 顾佳佳在天命：响应式布局的单位——VW/VH 上的评论:图挂了 ):16:(
- 心智无力的内敛在在canvas 2D API下实现3D效果（3D版心形函数的绘制）上的评论:@Neoxone, 恩，我感觉的没错作用是一样的，就是稍微简单了点儿。
- Neoxone 在在canvas 2D API下实现3D效果（3D版心形函数的绘制）上的评论:@心智无力的内敛, webGL里没怎么简单。我们这个如果要转换的点非常多的话，那是根本不可用的，为了效率，webGL里是用矩阵来存储的，而且用来存储的矩阵还需要分模型矩阵，视图矩阵，投影矩阵。我们这个只是一个简单的模拟罢了。
- 心智无力的内敛在在canvas 2D API下实现3D效果（3D版心形函数的绘制）上的评论:问个问题，那个投影算法，跟webgl中的渲染，是不是差不多呀？我感觉差不多
- 追风少年在 (Three.js) 页面展现3D模型上的评论:楼主很棒！有帮助！
- xixiAlly 在简单效果——滚动展示上的评论:非常棒！！！
- 子木在 (Three.js) 页面展现3D模型上的评论:@xiaoli,
- jy 在 Three.js制作3D螺旋线动画上的评论:好厉害能请教一下怎么做的么方便告诉QQ吗