css질문 드려요.. 상위 div css 무시....; 채택완료

3546884696_1569482802.3351.png

css코드 질문합니다..

코드에서... width1260이라는 div css는

Copy
position: relative;
 width: 70%;
 margin: 0 auto;

이구여

main_bn 은...

Copy
margin: 0 auto;
    padding: 0px 0 50px;
    display: block;
    text-align: start;
    float: none;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: auto;
    width: 100% !important;

입니다..

문제는 위 div width1260값이 70% 잡혀있고

div main_bn은 100% 로 잡혀있습니다.

저는 main_bn값을 100%늘려 와이드하게 하고싶은데 div width1260에 잡혀서 70%를 벗어나지못하고있어요ㅠ

방법이 있을까요? ㅠ

답변 2개

채택된 답변
+20 포인트

<div>
    <div class="parent"><p></p></div>
</div>

<style>
body{overflow-x:hidden}
div{min-height:40px; box-sizing:border-box}
div > div.parent{height:100px; background:#000; width:800px; margin:0 auto}
div > div.parent p{width:100vw; background:#fcf; height:50px; margin-left: calc( -50vw + 50% ); border:1px solid #f00}
</style>

배경색과 보더는 영역 확인 하시라고 넣은 것이니 알아서 조절하시면 됩니다

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

main_bn을 따로 빼거나 width 값을 고정적으로 줘야할것 같은데용..

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고