width:1040px 공간안에 폭100%로 박스를 넣는방법?
본문
메인의 wrapper 폭이 width:1040px 인데, 중간에 폭이 100%인 박스를 넣으려고 합니다.
z-index:10000; min-width: 1040px; width:100%; 이런식으로 하면 아무런 변화가없는데요.
어떻게 해줘야 하나요?
답변 1
position 을 absolute 로 주시고 left 값을 0 으로 주셔야 합니다.
단 상위태그는 position 값이 없어야 합니다.
<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>
적용해봤는데 박스박으로 벗어나지를 못하네요..
저 이미지 대로나오는걸원하신게아닌가요?
그냥 일반 php파일로 만들어서 올려보면 잘되는데요.
영카트 메인에서는 안되네요.
default_shop.css 파일에 wrapper 폭때문에 그런거 같아요
그건 커스텀하셔야죠 ;;;;
풀소스를 보여주시지않는한.... 원리만 알려드릴 수 밖에 없을듯합니다.
default_shop.css 파일에
#container{/*position:relative;*/ 이거를 주석처리하니 되네요
답변을 작성하시기 전에 로그인 해주세요.