负边距，z-index和点击阻止

Question

我正在使用负边距来布局两列：

<div id="left-column"><input type="checkbox" /></div>
<div id="right-column">
    <div id="right-column-inner"></div>
</div>

的CSS：

#left-column { width: 200px; float: left;}
#right-column { margin-left: -200px; width: 100%; float: left;}
#right-column-inner { margin-left: 200px; float: left;}

不幸的是，在Opera 10.54，Safari 4和FF 3+​​中，复选框无法点击，因为#right-column正在捕获点击，然后传播到复选框。

我试过操纵z-index但没有运气。

知道如何让它发挥作用吗？

Answer 1

更改CSS中的定位属性（例如top，left，bottom，right或z-index）时，您必须指定{ {1}} position以外的属性（默认值）。

因此，请更改static 和z-index CSS属性。

position