인라인 요소span_HTML/Xhtml_웹페이지 제작의 최소 높이 정의 문제

span 태그는 HTML 웹페이지를 만들 때 자주 사용하는데, 이 태그를 잘 사용하지 못하는 친구들도 많습니다. 많은 친구들이 사용하기 쉽다고 생각하는 것 같지만, 특히 너비와 높이가 매우 까다롭습니다. 시간에 대해 정의해야 합니다.
한 친구가 이렇게 물었습니다. CSS로 범위의 높이와 너비를 정의한 후에도 마치 실패한 것처럼 너비와 높이가 여전히 변경되지 않는 이유는 무엇입니까?

사실 이 문제는 매우 간단합니다. 스팬은 인라인 요소이고 인라인 요소는 너비와 높이를 무시하기 때문에 먼저 스팬의 속성을 이해해야 합니다. 이를 이해하면 해결책은 매우 간단합니다. CSS를 사용하여 범위를 박스형 요소로 바꾸세요.

인라인 요소를 박스형 요소로 정의하는 방법에는 두 가지가 있습니다.

1. 디스플레이 속성을 직접 사용하여 박스형 요소로 정의합니다.
display:block;

2. float 속성을 사용하여 자동으로 박스형 요소로 정의합니다.
float:left;