div에서 서로 겹치지 않고 두 개의 스팬이 있습니다.

Question

div에 두 개의 스팬이 있습니다. 서로 옆에 정렬하고 싶습니다. 나는 좌우로 떠 다니는 것으로 이것을하고있다. 문제는이 범위가 가변 높이 ('추가 옵션'을 클릭하면 아래로 내려감)입니다. 따라서 런타임시 높이가 변경되면 (아래로 내려) 요소 아래로 요소를 푸시 다운하지 않습니다. 그들을 떠 다니지 않고 그들을 정렬하는 방법이 있다면, 그것은 작동합니다.

Answer 1

아마도 "clear : both"가있는 요소가 문제를 해결할 수 있습니까?

Answer 2

거대한 하향 보화가 발생할 위험이 있으니 <table>을 사용 하시겠습니까?

Answer 3

overflow:auto 또는 overflow:hidden을 div에 입력하십시오. 이렇게하면 div가 내부의 부동 내용에 맞게 크기가 조정됩니다.