html - 重叠的 div 阻止表单使用

Question

我们有一个注册表单，与内容列的右侧对齐。内容很好地包围了所需的形式。

问题是内容 div 似乎与表单 div 重叠，阻止用户与表单交互(Chrome 和 FF)。奇怪的是它似乎可以在 IE 中工作。

对于我们当前使用的表单:

float: right;

http://www.connecttherapy.com/our-services/

这看起来很棒，内容包装得很好，但我们无法与表单交互。

尝试的解决方案

1. 减小内容 div 的宽度，但它不会根据需要换行到表单下方。

2. 我们也测试过

   position: relative;
   top: 3px;
   left: 485px;
   z-index: 1;
   

   http://www.connecttherapy.com/test/signup-form/

通过这个解决方案，我们可以与表单交互，但它将内容推到表单高度以下。

也玩过

clear:right
clear:left

属性，但这似乎没有帮助。

我确信这些板上的窥探者将会有一个非常简单、优雅的解决方案，但目前我们还没有找到这个解决方案。提前致谢!

Answer 1

#inner-signup-box-test {
    position: relative;
    z-index: 1;
}

试试这个，希望有帮助。