firefox里面嵌套div A标签失效

来源：互联网发布：淘宝导航怎么做编辑：程序博客网时间：2024/04/28 23:42

在firefox里面嵌套div 如果里层的div高度大于外层的，会导致里层的div里面的A标签鼠标不能点击，也就是鼠标放在上面，不会出现连接标志，代码如下；

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD> <TITLE>Welcome</TITLE> <META http-equiv="Content-Type" content="text/html; charset=gb2312"> <SCRIPT language="JavaScript" src="../Scripts/ipplayer.js" mce_src="Scripts/ipplayer.js" type="text/JavaScript"></SCRIPT> <STYLE type="text/css"> #header{ width: 660px;margin-right: auto; margin-left: 2; height:220; POSITION: relative;} #bodycenter {width: 660px; margin-right: auto; margin-left: 2;min-height:100;height:100;POSITION: relative; } #dv1 { float: right;width: 225px;height:200;POSITION: relative;} #dv2 { float: right; width: 305px; height:230; margin:80px 0px 0px 120px; POSITION: relative;min-height:200px } #dv21 { float: left; width: 225px;height:200;margin:10px 0px 0px 0px; min-height:200}</STYLE></HEAD><body><form id="Form2" runat="server"><div id="bodycenter"> <div id="dv1"> <div id="dv21"><IMG id="brandLogo" height="268" src="noimg_zh-cn.gif" mce_src="noimg_zh-cn.gif" width="216" border="2"> <A id="VODPreview" href="http://www.baidu.com" mce_href="http://www.baidu.com"><IMG id="watch" src="preview.gif" mce_src="preview.gif" border="0"></A> </div> </div></div><div id="header"> <div id="dv22"> </div></div></form></body></html>

如果把外层的高度改为大于等于内层则恢复正常

将 #bodycenter 的 min-height:300;height:300;改为300 则恢复正常

这个问题只在firefox里面出现在IE里面正常