迷茫2017-05-19 10:34:04
CSS 문서에서 Clear:both는 다음을 의미합니다.
상자의 위쪽 여백 가장자리는 소스 문서에서 이전에 생성된 부동 상자의 아래쪽 여백 가장자리보다 낮아야 합니다.
상자의 위쪽 테두리 가장자리는 소스 문서의 이전 요소에서 발생한 오른쪽 부동 및 왼쪽 부동 상자의 아래쪽 외부 가장자리 아래에 있어야 합니다.
따라서 Clear:both 속성이 있는 요소는 부동 요소 뒤에 배치되어 부동 요소를 닫을 수 있습니다.
저는 보통 플로트 요소의 상위 요소인 의사 요소를 통해 플로트를 지웁니다. 귀하의 경우에는
after 의사 요소는 상위 요소의 마지막 하위 요소이므로 이 블록에서 부동 소수점을 지울 수 있습니다.
巴扎黑2017-05-19 10:34:04
먼저 플로트의 영향과 클리어의 역할을 이해해 봅시다. 더 많은 데모를 작성하고 느껴보면 어디에 두어야 할지 알게 될 것입니다. 더 많은 문서와 Baidu를 확인하세요
phpcn_u15822017-05-19 10:34:04
내 이해에 대해 이야기해 보겠습니다.
clearboth는 그 자체입니다.
따라서 <p style="clear:both"/>는 이 요소의 왼쪽 및 오른쪽 부동 소수점을 지우는 것을 의미합니다. 여전히 상위 요소에 영향을 미칩니다
给我你的怀抱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) 부동 소수점을 지우는 방법은 여러 가지가 있지만 가장 일반적이고 가장 최적화된 방법은 의사 요소를 사용하는 것입니다. 🎜 으아악