ie6 7下display:inline-block失效解决办法
2012年3月22日 11:11 | Comments(38) | Category:ie | Tags:bug IE7 ie6 ie 6 7 inline inline-block 失效
就在十分钟前，被这个不是经常接触的bug狠虐了。
ok，下面贴出解决办法。
<!DOCTYPE html>
<html lang="gb2312">
<head>
<meta charset="gb2312" />
<title>example</title>
<style>
#example li {display:inline-block;}/* 在这里设置的inline-block属性在ie6 7下无效，仅仅是触发了ie的layout*/
#example li {*display:inline;}/* 解决办法：针对ie6 7添加inline属性，使之呈现为内联元素 */
</style>
</head>
<body>
<div id="example">
<ul>
<li>1</li>
<li>1</li>
</ul>
</div>
</body>
</html>
ff下css最小高度bug（个人观点）
2012年3月22日 01:18 | Comments(3) | Category:css | Tags:bug css firefox ff min-height 最小高度 无效
接触web不久，对css的理解也不是很深刻，前两天就被它华丽丽的虐了。
问题出在ff下，因为我使用cms来做网站，使用cms通常都会涉及到一个数据采集的范畴，问题就出在这。在ff下，比如一个加背景的显示页面，需要嵌套3层来完成（上、中、下），其中上、下的高度可以是固定的，而中间的高度通常不能固定（因为你永远不知道将来要加的数据的长度）。而写css样式的时候，我通常是最外层的div放置显示页面上边的背景，中间层放置下变的背景，内容层则放置不能固定高度的div的背景。由于不能固定高度，所以我们只能设置高度为100%，并且会给最外层父元素一个最小高度（不管加不加数据，应该显示的最小高度），而内容层使用高度100%继承外层父元素的最小高度在ff下无效！之前并没有发现这个bug，调试了N久，最后得出解决方法，给子元素也设置一个min-height，值为父元素的最小高度。
写出来加深记忆,下次遇到就不会这么容易被虐了。也希望看到过的人不会被类似问题所困扰。