>  Q&A  >  본문

명확한 위치 : 둘 다

css

으아아아 으아아아

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

曾经蜡笔没有小新曾经蜡笔没有小新2733일 전1148

모든 응답(6)나는 대답할 것이다

  • ringa_lee

    ringa_lee2017-05-19 10:34:04

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

    회신하다
    0
  • 迷茫

    迷茫2017-05-19 10:34:04

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

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

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

    입니다 으아악

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

    회신하다
    0
  • 巴扎黑

    巴扎黑2017-05-19 10:34:04

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

    회신하다
    0
  • PHPz

    PHPz2017-05-19 10:34:04

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

    회신하다
    0
  • phpcn_u1582

    phpcn_u15822017-05-19 10:34:04

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

    회신하다
    0
  • 给我你的怀抱

    给我你的怀抱2017-05-19 10:34:04

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

    회신하다
    0
  • 취소회신하다