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

Posted 2021-05-03

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

我的网站在这里：webpage

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

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

非常感谢您的建议

答案

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