묻고답하기
wrap으로 감싼 부분이 height 100퍼센트가 원래 안되나요...?
2016.11.01 11:32
안녕하세요? 질문이 있어서요.. 그냥 넘어갈수도 있는 부분인데 이번에는 꼼꼼히 모르는거 체크하면서 확실하게 넘어가고 싶어서요
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<style type="text/css">
#wrap { background-color:aqua; width:100%; height:100%;}
#header {background-color:red; width:900px; height:200px;}
</style>
<title></title>
</head>
<body>
<div id="wrap">
<div id="header"></div>
</div>
</body>
</html>
아래 캡쳐의 빨간부분 말고 아쿠아색 부분이 wrap이거든요...
아 그리고 wrap는 어떻게 읽나요...? 뢥?
- [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요?
- [2017/06/28] 묻고답하기 슬라이더 질문입니다.
- [2016/04/15] 묻고답하기 네비게이션바 관련 코딩 도움 부탁드립니다
- [2015/11/24] 묻고답하기 메뉴바를 길게하고자 합니다 *1
- [2015/07/16] 묻고답하기 jQuery 질문
댓글 4
-
div 자체가 display:block; 이라 넓이를 안 넣어도 되고요. 높이값만 한번 넣어보세요.
-
폴단
2016.11.03 16:45
height:100%는 상위 요소가 높이값을 가지고 있어야 적용됩니다.
wrap의 상위요소는 body와 html이니 해당 부분에 height:100%가 있어야 하겠죠
-
SimpleCode
2016.11.03 20:10
height: 100%는 상위 요소의 높이가 CSS로 정의가 되어있어야합니다.
height를 화면 전체로 맞추시려는 것 같은데, body와 html의 height를 100%로 주셔야 됩니다.
(* html이나 body 태그의 height는 따로 정해져있지 않습니다. 기본적으로 화면 높이에 맞게 보이는것이지, 실제로 height:100% 상태가 아닙니다.)html, body {
height: 100%;
}
이런 식으로 height를 100%로 주시면 의도하신데로 작동할거에요.
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
김호띠 | 유챗 탭 [1] | 2017.08.04 by 이온디 |
장제스 | document.controller.php 적용 시키기 | |
허허허 | 추천기능이 있는 게시판에서 추천수가 안뜨게 하는법 [1] | 2017.08.03 by 허허허 |
gksldns | XE PHP버전 업그레이드 때문에 질문이 있습니다. [2] | 2017.08.03 by 정상인 |
웨이브쿡 |
게시판의 컬럼 (columns)을 두개로 나눌 수 있나요?
[1]
![]() | 2017.08.03 by 제이와이엔소프트 |
WindBoy |
글쓰기 오류
[1]
![]() | 2017.08.03 by 제이와이엔소프트 |
lockpic |
첨부이미지를 추가적으로 표시하고 싶습니다
[1]
![]() | 2017.08.03 by 제이와이엔소프트 |
랭보 | 게시판 상단 하단 출력문제. | |
lun**** |
개발자 툴에서 XE 코드가 보이는 문제
[1]
![]() | 2017.08.03 by GG |
권만주 | 게시물 이동시 정렬문제 도움 요청 | |
트리픽 | Contact us 모듈 사용하고있는데 메일이 안보내져요 ㅠ | |
e9o |
레이아웃설정부분이 안보이는데요
[1]
![]() | 2017.08.02 by WindBoy |
WindBoy |
설정에 아무것도 안뜹니다..
![]() | |
바다7ee2b | 관리자 게시판에서 core 업데이트 후 에러 [1] | 2017.08.02 by 기진곰 |
twowings |
위젯 설정 후에 위젯 설정창이 계속 보이는데...안보이게 하는 방법
[2]
![]() | 2017.08.02 by twowings |
월터화이트 | 일반 회원이 관리자에게 쪽찌 쓰기가 안됩니다. | |
네모세상 |
추천 문구 바꾸려면 어디서 바꾸나요?
[2]
![]() | 2017.08.02 by 네모세상 |
네모세상 | 제목 클릭 시 링크로 이동 못하게 소스 수정 부탁드립니다 [2] | 2017.08.02 by 네모세상 |
이원희884 | 누리고 콘텐츠몰에서 Certificate의 위치가 어디일까요? | |
네모세상 | 통합검색 후 목록들 글짜색을 흰색으로 보여지게.. [4] | 2017.08.02 by 네모세상 |
XE 자체에서 div height:100% 을 지원하지 않습니다.