지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > HTML 튜토리얼 > 布局问题 将窗口一分为二_html/css_WEB-ITnose

布局问题 将窗口一分为二_html/css_WEB-ITnose

WBOY
풀어 주다： 2016-06-24 12:15:42
원래의
1693명이 탐색했습니다.

将浏览器窗口分为上下两个div,上面的div高为300px,剩余区域给下面的div,用css能完成吗，我只会用js先算出外部窗口的高，然后减去上div的高，得出下div的高。


回复讨论(解决方案)

本帖最后由 net_lover 于 2012-10-14 15:27:45 编辑 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><style>html,body{height:100%;margin:0;padding:0;}</style></head><body><div id="top" style="height:80px;background:#f00; position:absolute; top:0; width:100%"></div><div id="main" style="height:100%;background:#000;margin-top:0!important; margin-top:-80px"></div></body></html>
로그인 후 복사
관련 라벨：
布局问题 将窗口一分为二
원천：php.cn
이전 기사：求助：关于js问题_html/css_WEB-ITnose 다음 기사：请教:删除页面链接对SEO有影响吗？_html/css_WEB-ITnose
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
VueJS 2 애플리케이션이 1로 컴파일됨 VueJS를 프런트엔드로 사용하여 애플리케이션을 구축하고 있습니다. 하지만 우리는 2개의 앱을 하나로 병합하고 있습니다. 대중에게 공개되는 전자상거래 측면에는 직...
에서 2024-04-03 12:00:59
0
1
371
TypeError: ThreeJs를 사용하여 정의되지 않은('위치' 읽기) 속성을 읽을 수 없습니다. 내 웹사이트의 히어로 섹션 배경에 3D 모델을 통합하려고 합니다. 작동하지만 창 크기를 수동으로 변경하면 3D 모델이 새 크기에 맞춰 조정되지 않습니다. 첫 번째...
에서 2024-04-01 12:01:52
0
1
416
React.js CSS 창 너비 저는 React를 사용하여 반응형 웹사이트를 개발하고 있습니다. 스타일링에는 CSS 스타일시트를 사용합니다. 응답 부분은 @media 쿼리를 사용하여 CSS로 구...
에서 2024-03-31 16:31:23
0
1
386
창이 너무 짧으면 Flexbox 항목이 컨테이너를 넘치게 되고 사이드바가 하단 정렬을 유지할 수 없습니다. 헤더, 2x2 콘텐츠 그리드, 사이드바로 구성된 간단한 플렉스 레이아웃을 사용하려고 합니다. 창의 너비가 특정 크기보다 작을 경우 사이드바가 화면 하단으로 이동해...
에서 2024-03-31 00:03:58
0
1
355
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿