묻고답하기
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
-
sejin7940
2016.11.01 11:41
-
DoorWeb
2016.11.01 14:08
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 남기남 |
가입명 | footer 하단에 고정하려면 어딜 수정해야 할까요? | |
내일은희망 | 배경색을 이미지로 바꾸고 싶어요 [2] | 2019.05.15 by 내일은희망 |
일그리고여행 | SQL 쿼리 문장 .. 도움을 부탁드립니다. [2] | 2019.02.18 by 일그리고여행 |
김곰돌 | 이미지 슬라이드를 하나만 출력하게 하고 싶습니다.. | |
토빈이 | 첨부파일 다운로드시 권한문제 [1] | 2018.03.08 by sejin7940 |
xe초보 | 누리고 ADMIN 각 메뉴 클릭 에러 내용인데 해결 가능한가요? [1] | 2017.02.26 by HowtoXE |
쿠닌 | admin 페이지 메뉴 오류 [2] | 2017.01.12 by 쿠닌 |
James 009 | XE mySQL에서 [1] | 2016.12.20 by 제이와이엔소프트 |
Megg | wrap으로 감싼 부분이 height 100퍼센트가 원래 안되나요...? [4] | 2016.11.03 by SimpleCode |
쿠닌 | 어드민 페이지 메뉴 [2] | 2016.10.13 by 쿠닌 |
outsider | 이미지 갤러리 컴포넌트 loading 문제 | |
기무태루 | 대시보드 레이아웃 깨짐 [1] | 2016.03.07 by XE카오스 |
뉴질맨 | 1.8.13 to 1.8.15 Version UP [2] | 2015.12.15 by 뉴질맨 |
thdwjdtjr | 메뉴바를 길게하고자 합니다 [1] | 2015.11.25 by DoorWeb |
Ystory | 서브메뉴 세로에서 가로로 이동 하는 방법. | |
선달웹 | 회원가입 폼 input 필드 높이 조절 (CSS) [1] | 2015.08.13 by 휘즈 |
ryuking | 500 Internal ERROR XE 에러입니다 ... 도움부탁드립니다. [6] | 2015.08.02 by ryuking |
boy2 | jQuery 질문 | |
착한동구 | 헤스티아 레이아웃 쓰는데요 [2] | 2015.05.21 by 착한동구 |
flowerrain | 자바스크립트 메뉴(dtree.js) 문의드립니다. |
XE 자체에서 div height:100% 을 지원하지 않습니다.