Абсолютное позиционирование не позволяет поставить галочку

Question

У меня есть 2 флажка внутри div с абсолютным стилем позиции. Тогда, когда я пытаюсь проверить их, мне не разрешают. Я пытался удалить позицию только для флажка, но это не работает.

<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, поскольку идентификатор не может содержать пробелов, но на самом деле вы хотите, чтобы 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>