묻고답하기
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 남기남 |
| 가입명 | 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% 을 지원하지 않습니다.