>  기사  >  웹 프론트엔드  >  CSS에서 높이 속성을 사용하는 방법 요약

CSS에서 높이 속성을 사용하는 방법 요약

巴扎黑
巴扎黑원래의
2017-06-02 17:30:303986검색

CSS 높이는 CSS 스타일을 통해 설정된 해당 p 높이를 나타냅니다. CSS 높이 속성은 높이를 단어로 설정하여 높이를 백분율로 계산하고, 높이를 픽셀 값으로 설정하고, 높이를 상대적으로 설정할 수 있습니다. 길이 단위 등 이 속성은 모든 주요 브라우저에서 지원됩니다. 다음은 높이 속성의 사용을 요약합니다.

1.CSS를 사용하여 적응력이 뛰어난 문제 해결

저는 적응성이 높은 문제를 해결하기 위해 js를 사용하는 것을 매우 거부합니다. 왜냐하면 유지 관리가 쉽지 않고 충분히 자연스럽지 않기 때문입니다. 그러나 아래에서 설명할 예와 같이 순수 CSS를 사용하는 것은 쉽지 않습니다.

요구 사항:

1. 이 직사각형의 높이는 브라우저 창의 높이와 동일하며 수직 스크롤 막대는 나타날 수 없습니다.

2. 50px 등으로 고정

3. 보라색 부분의 남은 높이를 채워주세요

CSS에서 높이 속성을 사용하는 방법 요약

2.여러 css div 부동 부동의 높이를 조정하는 두 가지 방법

여러 css p 부동이 나란히 있으며 높이는 모두 적응 가능합니다( 자동 증가)

Div + CSS 사용 3열 또는 2열 레이아웃에서 Table을 사용하여 두 열(또는 세 열)의 높이를 동일하게 만드는 것은 쉽지만 더 그렇습니다. Div + CSS를 사용하는 것이 번거롭습니다. 일반적인 관행에 따르면 대부분 배경 이미지 채우기나 JS 스크립트를 사용하여 높이를 동일하게 만듭니다.

u=2816077478,1138221792&fm =23&gp=0.jpg

3.CSS 컨트롤에 대한 자세한 설명 div 너비 최대 너비/높이 및 최소 너비/높이 방법

웹 페이지 제작 시 p 너비, 최대 너비/높이 또는 최소 너비/높이를 제어해야 하는 경우가 종종 있지만 많은 친구가 IE6에서는 이러한 문제가 자주 발생합니다. Baidu에서 많이 검색했지만 해결하지 못했습니다. 나중에 포럼에서 CSS3 스타일 코드를 공유하겠습니다. 모든 주요 주류 브라우저와 호환됩니다.

CSS에서 높이 속성을 사용하는 방법 요약

4.DIV+CSS 레이아웃의 적응형 높이에 대한 솔루션 a>

이 문서에서는 예제를 사용하여 DIV+CSS 레이아웃에서 높이를 조정하는 방법을 자세히 설명합니다.

u=3311696050,1186134231&fm =23&gp=0.jpg

5.CSS는 HTML 페이지 높이를 제어합니다. 지터 문제의 원인

CSS는 HTML 페이지의 높이를 제어하여 지터를 유발합니다. 실제로 높이로 인해 발생하는 이러한 유형의 페이지 지터 문제의 근본 원인은 스크롤 막대가 표시되는지 여부입니다. /p>

에버 테스팅이 가능합니다. 이를 통해 높이로 인해 발생하는 이러한 유형의 페이지 지터링 문제의 근본 원인은 실제로 스크롤 막대 표시 여부에 의해 발생한다는 결론을 내릴 수 있습니다.

u=795825844,2045237970&fm =23&gp=0.jpg

높이 속성 높이 사용에 관한 관련 질문 및 답변:

1.css - div 적응형 높이가 나머지 높이를 자동으로 채웁니다

2.Flex를 사용하여 3열 레이아웃을 구현하는 방법은 무엇입니까? 하지만 하위 요소의 높이는 적응형이어야 합니까?

3.CSS3 flex 높이가 다른 동일한 행을 동일하게 만드는 방법 키 ?

위 내용은 CSS에서 높이 속성을 사용하는 방법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.