> 웹 프론트엔드 > HTML 튜토리얼 > div 컨테이너가 커지면 그에 따라 배경색이나 이미지도 커집니다_HTML/Xhtml_웹페이지 제작

div 컨테이너가 커지면 그에 따라 배경색이나 이미지도 커집니다_HTML/Xhtml_웹페이지 제작

WBOY
풀어 주다: 2016-05-16 16:38:43
원래의
1112명이 탐색했습니다.

코드 복사
코드는 다음과 같습니다.

height:auto !important; height:550px ;
min-height:550px;

Div 끝에 코드를 추가하세요:
< /div>

또는




2. > 이 메소드는 상위 컨테이너에서 사용됩니다. 의사 클래스 및 컨텐츠 선언 이후에 지정된 현재 컨텐츠의 끝에 새 컨텐츠를 추가합니다. 일반적인 접근 방식은 더 작고 눈에 덜 띄기 때문에 "점"을 추가하는 것입니다. 그런 다음 이를 사용하여 부동 요소를 지우고(부동 요소 닫기) 내용을 숨깁니다.

이 방법은 일반적인 호환성을 갖고 있지만 다양한 해킹을 거친 후에도 다양한 브라우저에 대처할 수 있으며 동시에 HTML이 비교적 깔끔하다는 것을 보장할 수 있으므로 여전히 더 자주 사용됩니다.





코드 복사
코드는 다음과 같습니다.
#outer: 이후{
내용: ".";
가시성: 숨김
지우기: 둘 다;


3 .오버플로를 숨김 또는 자동으로 설정

이 방법은 표준 호환 브라우저에서 플로팅 요소를 닫기 위해 상위 컨테이너의 오버플로를 숨김 또는 자동으로 설정하는 것입니다

. Overflow 를 사용하면 페이지 성능에 영향을 미칠 수 있으며 이 영향은 불확실합니다.

4. 부동 외부 요소, float-in-float

이 접근 방식은 부동 요소의 특성을 활용하여 상위 컨테이너를 부동으로 만드는 것입니다. 부동 요소는 부동 요소를 닫습니다. 이 방법은 IE/Win 및 표준 호환 브라우저에서 좋은 결과를 가져오지만 단점도 분명합니다. 즉, 부동을 원하기 때문에 상위 컨테이너가 부동하지 않을 수 있습니다. 결국 부동은 특별한 동작이며 때로는 레이아웃이 그렇지 않습니다. 좋습니다. 뜨는 것도 정상입니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿