width:1040px 공간안에 폭100%로 박스를 넣는방법?

블랙앤화이트

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2016-10-16 (일) 15:12:49 4,301

메인의 wrapper 폭이 width:1040px 인데, 중간에 폭이 100%인 박스를 넣으려고 합니다.

z-index:10000; min-width: 1040px; width:100%; 이런식으로 하면 아무런 변화가없는데요.

어떻게 해줘야 하나요?

영카트5

답변 1개 / 댓글 5개

채택된 답변

+20 포인트

깜봉

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2016-10-16 (일) 16:43:02

position 을 absolute 로 주시고 left 값을 0 으로 주셔야 합니다.

단 상위태그는 position 값이 없어야 합니다.

Copy

<html> <head> <title> </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style>*{padding:0px;margin:0pc}#wrap{width:1040px;margin:auto;height:1000px;border:2px solid #000}#wrap .inner{width:100%;position:absolute;height:100px;background:#c3c3c3;left:0px;top:300px;}</style></head> <body><div id="wrap">	<div class="inner">	</div></div></body></html>