1つのdivを別のdivに持つ問題

Question

これは以前に尋ねられたことがわかりましたが、いくつか具体的なアドバイスが必要ですか？

私はここで私の心を完全に失っているかどうかはわかりませんが、私の人生のために私は傾けることができません。私の.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; 
} 

それは本当に愚かな何かが、何でなければなりませんか？

Answer 1

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> 

Answer 2

.infoは、#dealsの内部にあります。お互いの下に置く方法はありません

あなたのコードを正しくインデントしてみると、これらのものを見るのがはるかに簡単になります。従来のコードをお持ちの場合は、http://www.freeformatter.com/html-formatter.html#ad-outputなどのオンラインツールを使用して自動的にHTMLコードをフォーマットすることができます。