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

Question

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

我的网站在这里：webpage

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

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

请欣赏您的建议

Answer 1

你有一个DIV <div class="horizotal_break clearfix"></div>。这是two_third DIV的顶部。您也无法从two_third中选择文字。如果您从position:relative;移除#content .horizotal_break，则应该可以正常工作。