묻고답하기
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 자체에서 div height:100% 을 지원하지 않습니다.