我有一个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中点击。 (但是我的布局关闭)。
我的问题是:是什么原因造成的,有可靠的解决方法吗?