하나의 div가 다른 div 아래에있는 문제

좋아, 이전에 물어 보았지만 몇 가지 구체적인 조언이 필요하십니까?하나의 div가 다른 div 아래에있는 문제

나는 완전히 내 마음을 잃어 가고 있는지 확신 할 수 없지만, 내 삶을 위해서 위선적 인 말투는 내 .info div를 #deals div 아래에 둔다. 배경 이미지를 사용하고 있으므로 첫 번째 div의 높이가 고정되어 있습니다 (개인 정보 보호를 위해 제공되지 않은 이미지). 패딩을 추가하여 이동할 수는 있지만 이상적이지는 않습니다. 어느 누구도 내가 여기서 잘못하고있는 것을 지적 할 수 있습니까?

<div class="row" id="deals"> 
<div class="col-md-12"> 
<div><p class="lead" id="trans"><strong>Blah blah blah blah bla blah blah<br>blah blah bla blah blah</strong></p></div> 
<div class="info"><p>blah blah bla blah blahblah blah bla blah blahblah blah bla blah blah</p> 
<p><strong>blah blah bla blah blahblah blah bla blah blahblah blah bla blah blahblah blah bla blah blah</strong></p> 
<p><strong>blah blah bla blah blahblah </strong>blah blah bla blah blahblah blah bla blah blahblah blah bla blah blahblah blah bla blah blah</p></div> 
    </div></div>

CSS를 :

#deals { 
    height:600px; 
    text-align:center; 
    color:#fff; 
    width:100%; 
    margin:auto; 
    } 
#trans{ 
    font-size:25px;position:relative; 
    background: rgb(0,0,0); /* Fallback for older browsers without RGBA-support */ 
    background: rgba(0,0,0, 0.5); 
    width:43%; 
    margin:auto; 
    top:300px; 
} 
.info { 
    color:#000; 
}

은 정말 바보 같은, 그러나 무엇을해야합니까?

출처

2016-10-11 Dtorr1981

정말 바보 같은 것이 아닙니다. 차가워 요 :) –

@ Turner 글쎄, 만약 자동 되감기 도구가 그 일을 할 것이라고 확신 해요. – worldofjr

@turnip 질문이 대답할만한 질문인데 어떻게 질문을 평범한 것으로 분류 할 수 있는지 모르시겠습니까? 그것은 어느 것입니다. 도와 주신 분들께 감사드립니다. 필자는 그것을 지금 분류했다. 때로는 단지 신선한 쌍의 눈이 필요합니다 :) – Dtorr1981

info div는 deals div 안에 중첩됩니다. 당신이 할 수있는 경우에 이것 같이 아래로 이동해야한다;

<div class="row" id="deals"> 
    <div class="col-md-12"> 
     <div> 
      <p class="lead" id="trans"><strong>Blah blah blah blah bla blah blah<br>blah blah bla blah blah</strong></p> 
     </div> 
    </div> 
</div> 
<div class="row"> 
    <div class="col-md-12"> 
     <div class="info"> 
      <p>blah blah bla blah blahblah blah bla blah blahblah blah bla blah blah</p> 
      <p><strong>blah blah bla blah blahblah blah bla blah blahblah blah bla blah blahblah blah bla blah blah</strong></p> 
      <p><strong>blah blah bla blah blahblah </strong>blah blah bla blah blahblah blah bla blah blahblah blah bla blah blahblah blah bla blah blah</p> 
     </div> 
    </div> 
</div>

출처

2016-10-11 11:57:51 worldofjr

이것이 왜 downvoted인지 확실하지 않습니다 ... 나에게 합리적인 것 같습니다. –

그것은 몇 분 전에 게시 된 기존 답변의 정확한 복제본 이었기 때문에. – Turnip

@Turnip Erm, 다른 읽음을 가지고 있고 그렇지 않다는 것을 알게 될 것입니다. – worldofjr

.info은 #deals 안에 있습니다. 서로 아래에 넣을 방법이 없습니다

코드를 올바르게 들여 쓰면 훨씬 쉽게 볼 수 있습니다. 기존 코드가있는 경우 http://www.freeformatter.com/html-formatter.html#ad-output과 같은 온라인 도구를 사용하여 HTML 코드의 형식을 자동으로 지정할 수 있습니다.

출처

2016-10-11 11:54:20

하나의 div가 다른 div 아래에있는 문제

답변

관련 문제