当前位置：首页 → 问答吧 → 疯狂的IE6,BUG求解

疯狂的IE6,BUG求解

时间：2011-10-23

来源：互联网

HTML code


<!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>疯狂的IE6</title>
<style>
    * { margin:0; padding:0; color:#FFF; list-style:none;}
    ul { height:19 px;}
    #ul1 { background:#000; width:300px; }
    #ul2 { position:absolute; background:#333; width:200px;}
    #ul3 { position:absolute; background:#666; width:100px;}
    /*li{ border:1px #FFF solid;}*/
</style>
</head>

<body>
    <ul id="ul1">
        <li><div>第一层</div>
            <ul id="ul2">
                <li><div>第二层</div>
                    <ul id="ul3">
                        <li><div>第三层</div></li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</body>
</html>

li里边的ul的position为absolute时，li莫名高出一行高度，而当li存在border时，这个高度会消失，求解

作者: greedisgood5000 发布时间: 2011-10-23

初始化一下font-size
HTML code


<!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>疯狂的IE6</title>
<style>
    * { font-size:0; margin:0; padding:0; color:#FFF; list-style:none;}
    ul { height:19px;}
    #ul1 {background:#000; width:300px; }
    #ul2 {position:absolute; background:#333; width:200px;}
    #ul3 {position:absolute; background:#666; width:100px;}
    /*li{ border:1px #FFF solid;}*/
</style>
</head>

<body>
    <ul id="ul1">
        <li><div style="font-size:14px;">第一层</div>
            <ul id="ul2">
                <li><div style="font-size:14px;">第二层</div>
                    <ul id="ul3">
                        <li><div style="font-size:14px;">第三层</div></li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</body>
</html>

作者: hookee 发布时间: 2011-10-23

疯狂的IE6,BUG求解

热门阅读

热门下载