[css] 왼쪽으로 뜨는 것을 어떻게 막을 수 있습니까?

Program / 글쓴이

다음 코드가 있습니다.

<div style="float: left; width: 100%;">
  <label style="float: left;">ABC</label>
  <input style="float: left; font-size: 0.5em;" type="button"   onclick="addTiny(0,'Question_Text'); return false;" value="&#x25BC;" title="Editor" />
  <input style="float: left; font-size: 0.5em;" type="button" onclick="remTiny(0,'Question_Text'); return false;" value="&#x25B2;" title="Hide" />

  <div class="adm">
    <textarea rows="2;" style="width: 100%" class="text-box multi-line mceEditor">
      abc
    </textarea>
  </div>
</div>

내 문제는 adm 클래스가있는 div가 왼쪽으로 떠서 레이블과 두 개의 입력 버튼과 같은 줄에 있다는 것입니다. 이 변화를 떠 다니는 것에서 멀어지게 할 수있는 방법이 있습니까?

답변

표준 접근 방식은 두 개의 부동 블록 수준 요소 사이에 지우기 div를 추가하는 것입니다.

<div style="clear:both;"></div>

답변

때로는 클리어가 작동하지 않습니다. float: none재정의로 사용

답변

수정 .adm하고 추가 할 수 있습니다.

.adm{
 clear:both;
}

새 줄로 이동해야합니다.

답변

style="clear:both;"“adm”에 추가하십시오 div.

답변

좋아, 대답은 첫 번째 DIV에서 남은 첫 번째 부동 소수점을 제거하는 것임을 깨달았습니다. 내가 왜 전에 그것을 보지 못했는지 모르겠다.

답변

또한 float 제거가 옵션이 아닌 경우 CSS의 “clear”속성을 확인해야합니다.

답변

clear: leftadm 클래스 의 CSS 는 그 위에 요소가있는 div 부동을 중지해야합니다.