classification

ie6 7下display:inline-block失效解决办法

2012年3月22日 11:11 | Comments(38) | Category:ie | Tags:

就在十分钟前,被这个不是经常接触的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:

    接触web不久,对css的理解也不是很深刻,前两天就被它华丽丽的虐了。

    问题出在ff下,因为我使用cms来做网站,使用cms通常都会涉及到一个数据采集的范畴,问题就出在这。在ff下,比如一个加背景的显示页面,需要嵌套3层来完成(上、中、下),其中上、下的高度可以是固定的,而中间的高度通常不能固定(因为你永远不知道将来要加的数据的长度)。而写css样式的时候,我通常是最外层的div放置显示页面上边的背景,中间层放置下变的背景,内容层则放置不能固定高度的div的背景。由于不能固定高度,所以我们只能设置高度为100%,并且会给最外层父元素一个最小高度(不管加不加数据,应该显示的最小高度),而内容层使用高度100%继承外层父元素的最小高度在ff下无效!之前并没有发现这个bug,调试了N久,最后得出解决方法,给子元素也设置一个min-height,值为父元素的最小高度。

    写出来加深记忆,下次遇到就不会这么容易被虐了。也希望看到过的人不会被类似问题所困扰。