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

다음 코드가 있습니다.

<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 부동을 중지해야합니다.

overflow:hidden첫 번째 div스타일을 추가하십시오 . 충분합니다.

어떤 이유로 위의 수정 사항 중 어느 것도 나에게 효과가 없었지만 (같은 문제가 있었음) 다음과 같이되었습니다.

모든 플로팅 요소를 div 요소에 넣으십시오 <div class="row">...</div>.

그런 다음이 CCS를 추가합니다. .row::after {content: ""; clear: both; display: table;}