我在div内部有一个链接浮动到屏幕右侧.该链接在FF或Chrome中不起作用,但在IE中工作(仅使用IE8进行测试).
最简单的示例如下所示:
<html>
<head>
<title>test</title>
<style type="text/css">
#logo {
left:10px;
float:left;
top:10px;
}
#feedback {
float: right;
}
ul#menu
{
position:relative;
}
ul#menu li
{
display: inline;
list-style: none;
}
ul#menu li.last {
margin-right: 50px;
}
</style>
</head>
<body>
<div class="page">
<div id="header">
<div id="logo">logo</div>
<div id="feedback"><a href="http://www.norge.no">test link</a></div>
<div id="menucontainer"><ul id="menu"><li>test 1<li>test2</ul></div>
</div>
</div>
</body>
如果我删除任何浮动样式或位置样式,该链接将在Chrome和Firefox中变为可点击.(但我的布局已关闭).
我的问题是:是什么造成了这种情况,有没有可靠的解决方法？