Clear (HTML 속성)-CSS 튜토리얼-php.cn

집

웹 프론트엔드

CSS 튜토리얼

Clear (HTML 속성)

Jennifer Aniston

Feb 27, 2025 am 08:38 AM

속성 : 요소 흐름을 제어하기위한 더 이상 사용되지 않은 방법. 현재 구식으로 간주되는이 HTML 속성은 컨텐츠가 떠 다니는 요소 (이미지 또는 테이블과 같은) 주위를 감싸는 것을 방지하는 데 사용되었습니다. 현대 웹 개발은 clear를 사용하는 대신 레이아웃 제어를 위해 CSS에 의존합니다. clear 속성의 기능은 css 를 사용하여 복제됩니다. 비교는 다음과 같습니다.

clear 감가 상각 된 html : clear

현대 CSS : (참고 : 인라인 CSS는 위에서 볼 수 있듯이 일반적으로 권장하지 않습니다. 별도의 CSS 파일 또는 의

태그 내에서 스타일을 정의하는 것이 가장 좋습니다. 예 :

<br clear="left"></br>

로그인 후 복사

텍스트가 오른쪽 정렬 된 이미지를 감싸는 것을 방지합니다

<<> 자주 묻는 질문 (faqs) <🎜 🎜>

<br style="clear: left;"></br>

로그인 후 복사

<🎜 🎜> <<> <🎜 🎜> 속성의 목적 : <🎜 🎜> 속성은 요소 흐름, 특히 부유 한 요소 주위의 요소 흐름을 제어합니다. 그것은 어떤 측면 (왼쪽, 오른쪽, 둘 다 또는 없음) 부유 요소가 감싸는 것을 방지하는지 지정합니다.

. <style> <head> <🎜 🎜> <<> <🎜

와 css <🎜 🎜>의 차이 :

요소를 왼쪽 또는 오른쪽으로 배치하여 다른 컨텐츠가 주위에 흐를 수 있습니다. 랩핑 동작을 방지합니다

팽창이없는 요소가있는 <🎜 🎜> <<>

<p><img src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/article/000/000/000/174061669131942.jpg"  class="lazy" alt="clear (HTML attribute) " />
The rest of the day was a lazy one, partly spent by the complex pool, partly inside watching British TV, but we couldn't be doing this for the rest of the holiday. Already we were missing having the car!
<br style="clear: both;"></br>
I decided to check out what the weather would be doing for the next few days, as that would help us make any decisions about future excursions.
</p>

로그인 후 복사

는 플로트 요소에만 영향을 미칩니다. 비 플로화 요소의 경우 다른 CSS 속성 (예 : , 또는 )을 사용하십시오.

: 이것은 요소의 양쪽에 부동 요소가 나타나는 것을 방지합니다. clear clear의 레이아웃에 미치는 영향 :
브라우저 지원 : clear는 최신 브라우저에서 널리 지원되지만 브라우저 전체의 테스트는 항상 권장됩니다. float float 인라인 요소가있는 clear
:
clear 플로트 요소로 를 생략 한 결과 : clear position를 생략하면 겹치거나 잘못 정렬 된 요소로 이어질 수 있습니다. display flex 반응 형 디자인의
:
일반적인 문제 : 예기치 않은 청소 동작은 중첩 요소 또는 복잡한 레이아웃에서 발생할 수 있습니다. 는 절대적으로 배치되거나 플렉스 요소가 아니라 부유 한 요소와 만 작동합니다. clear