위치와 divs 스태킹 : 절대

저는 부트 스트랩을 프레임 워크로 사용하여 CMS (Ektron)를 사용하고 있습니다.위치와 divs 스태킹 : 절대

나는 HTML과 CSS를 쓸 수 있지만, <div class="container"> 내에서만 접근 할 수 있으므로, 기본적으로는 <div class="row">으로 시작한다.

일부 DIV를 전체 너비로 만들려고합니다. 나는 다음과 같이 할 수있다 :

.full-width-div{ 
height:100vh; 
width:100vh; 
position:absolute; 
left:0; 
}

그러나 그 다음에는 다음 폭의 div가 맨 위에 쌓이는 문제가있다. margin-top : 800px를 사용하여 하위 div를 배치 한 다음 미디어 쿼리를 사용하여 지루함을 제어 할 수 있습니다.

더 좋은 방법이 있습니까? 중복 된 질문을 보내주십시오. <div class="container"> 외부에 제어 권한이 없기 때문에 대답을 찾을 수없는 것 같습니다.

출처

2016-10-20 SteveDavies

HTML을 제어 할 수없고 vw/vh에 만족하면 보조 div에서 항상 margin-top: 100vh을 사용할 수 있습니다. 그러나 position: absolute을 사용하지 않으려면 나중에 문제가 발생할 수 있습니다.

HTML을 공유 할 수 있습니까?

.container{ 
width:100%; 
}

다음 날이 항목의 나머지 부분에 대한 행을 사용할 수 : 부트 스트랩이 존재와 대체 솔루션

출처

2016-10-20 07:49:10 mikestreety

감사합니다. @mikestreety -이 종류의 작동하지만 '바닥 글'이 페이지 상단으로 이동합니다. 나는 그 안에 모든 CMS 물건없이 HTML을 잡으려고하고있다 : -/ – SteveDavies

나는 위치를 제거하는 것에 동의한다 : 절대 - 그리고 더 많은 코드를 공유한다. 나는 Ektron tie-in에 대해 궁금합니다. 이 코드를 CMS의 내용에 추가하고 있습니까? 왜냐하면 저에게, 당신은 당신이 저지르는 저조한 설계의 구현을 가지고있을 수 있음을 나타냅니다. – egandalf

안녕하세요, 여기에 codepen입니다. http://codepen.io/steeth/pen/MJwwXQ – SteveDavies

가있을 수 있습니다, 나는 설정을했다.

도움 주셔서 감사합니다.

출처

2017-03-01 13:54:53 SteveDavies

답변

관련 문제