绝对定位不允许选中复选框

Question

我在具有绝对位置样式的div中有2个复选框。然后，当我尝试检查它们时，我是不允许的。我试图删除仅用于复选框的位置，但是它不起作用。

<div style="position:absolute">
  <div class="apr-laflex-container apr-and-text-ellipsis-container">
    <div>
      <span>Status<span>
			</div>
		</div>	
	    <div class="apr-laflex-container apr-and-text-ellipsis-container">
			<div>
				<span>StartDateFrom</span>
    </div>
    <div>
      <span>StartDateTo </span>
    </div>
    <div>
      <div class="ScheduledOperation">
        <input type="checkbox" name="Scheduled Operations" checked>
        <label for="Scheduled Operations">Scheduled Operations</label>
      </div>
      <div class="UnscheduledOperation">
        <input type="checkbox" name="Unscheduled Operations">
        <label for="Unscheduled Operations">Unscheduled Operations</label>
      </div>
    </div>
  </div>

Answer 1

[不确定这是否是您要指的内容，但标签上的for属性需要与id上的input type="checkbox"相匹配。我将for的名称更改为camelcase，因为id不能包含空格，但实际上您希望for和id是较短的字符串。

<div style="position:absolute">
  <div class="apr-laflex-container apr-and-text-ellipsis-container">
    <div>
      <span>Status<span>
			</div>
		</div>	
	    <div class="apr-laflex-container apr-and-text-ellipsis-container">
			<div>
				<span>StartDateFrom</span>
    </div>
    <div>
      <span>StartDateTo </span>
    </div>
    <div>
      <div class="ScheduledOperation">
        <input id="scheduledOperations" type="checkbox" name="Scheduled Operations" checked>
        <label for="scheduledOperations">Scheduled Operations</label>
      </div>
      <div class="UnscheduledOperation">
        <input id="unscheduledOperations" type="checkbox" name="Unscheduled Operations">
        <label for="unscheduledOperations">Unscheduled Operations</label>
      </div>
    </div>
  </div>