명확한 위치 : 둘 다

Question

css

으아아아 으아아아

왜 명확한 속성을 가진 요소를 플로팅 요소보다 먼저 작성할 수 없나요?

Answer 1

clear 속성이 있는 요소가 플로팅 요소 앞에 작성되고 양쪽에 플로팅 요소가 없으므로 이 속성은 효과가 없습니다

Answer 2

CSS 문서에서 Clear:both는 다음을 의미합니다.

상자의 위쪽 여백 가장자리는 소스 문서에서 이전에 생성된 부동 상자의 아래쪽 여백 가장자리보다 낮아야 합니다.
상자의 위쪽 테두리 가장자리는 소스 문서의 이전 요소에서 발생한 오른쪽 부동 및 왼쪽 부동 상자의 아래쪽 외부 가장자리 아래에 있어야 합니다.

따라서 Clear:both 속성이 있는 요소는 부동 요소 뒤에 배치되어 부동 요소를 닫을 수 있습니다.
저는 보통 플로트 요소의 상위 요소인 의사 요소를 통해 플로트를 지웁니다. 귀하의 경우에는

입니다 으아악

after 의사 요소는 상위 요소의 마지막 하위 요소이므로 이 블록에서 부동 소수점을 지울 수 있습니다.

Answer 3

먼저 플로트의 영향과 클리어의 역할을 이해해 봅시다. 더 많은 데모를 작성하고 느껴보면 어디에 두어야 할지 알게 될 것입니다. 더 많은 문서와 Baidu를 확인하세요

Answer 4

clear:both; 플로팅 요소 뒤에 작성하려면 플로팅 요소를 지웁니다.

Answer 5

내 이해에 대해 이야기해 보겠습니다.
clearboth는 그 자체입니다.
따라서 <p style="clear:both"/>는 이 요소의 왼쪽 및 오른쪽 부동 소수점을 지우는 것을 의미합니다. 여전히 상위 요소에 영향을 미칩니다

Answer 6

clear 속성에 대해 다음 사항을 기억하세요. clear 属性一定要牢记的是：
1） 该属性是针对元素本身的，比如说 A B C 三个浮动元素，想要清除C元素左边的浮动，则是将clear作用在C上， 写成:

  C {
     clear : left
  }   
当然你会想，写成
  B {
      clear : right;
  } 

行不行呢？答案是不行。因为clear 1) 이 속성은 요소 자체에 대한 것입니다. 예를 들어 A B C 세 개의 플로팅 요소가 있습니다. C 요소의 왼쪽에서 clear를 사용하면 다음과 같이 C에서 작동합니다.
으아악

괜찮나요? 대답은 '아니요'입니다. clear는 요소 앞의 부동소수점만 지울 수 있기 때문입니다.

"요소를 지우면 문서 순서에 따라 그 앞의 부동 소수점만 지워집니다. 그 이후의 부동 소수점은 지워지지 않습니다."

🎜2) 부동 소수점을 지우는 방법은 여러 가지가 있지만 가장 일반적이고 가장 최적화된 방법은 의사 요소를 사용하는 것입니다. 🎜 으아악