添加float:left to div使子链接无法点击

问题描述 投票:-1回答:1

我知道此问题至少被问过一次,我已经阅读了其他答案。他们帮助我绕过了这个问题(这至少有两个技巧),但我在这里要问的是为什么我在特定的设置中遇到这个问题。

我的网站在这里:webpage

滚动到底部,你会看到带有标签内容的div(类“two_third”)(它有灰色背景,你不会错过它)。三个标签的标题是链接(<a>元素),但它们不再可点击。当我从右边的div中移除“float:left”时,问题就消失了(标题为“Package content”的类,“one_third”类)。

到目前为止,我怀疑“one_third”与“三分之二”重叠并添加某种形式的层,从而使“two_third”内的链接变得无法点击。但这完全是猜测,我不知道为什么会有任何重叠,因为有足够的空间让两个div并排而没有任何冲突。

非常感谢您的建议

css hyperlink css-float clickable
1个回答
2
投票

你有一个DIV <div class="horizotal_break clearfix"></div>。这是在two_third DIV之上。您也无法从two_third中选择文字。如果你从position:relative;删除#content .horizotal_break它应该工作正常。

© www.soinside.com 2019 - 2024. All rights reserved.