縮放到手機時文本流出div

Question

我所做的佈局需要在移動屏幕上可見。目前，當我縮小到手機或在我的iPhone 5上查看網站時，其中帶有較長文本的div只是遍佈整個地方。因爲我把所有的東西都包裹起來，我把它叫做section0，section1等等，我認爲爲這些設置高度會有所幫助，但這沒有幫助。背景發生了變化，但溢出的文本仍停留在原來的位置。在部分是頁面容器，但設置高度這些也沒有幫助。

我在這裏有點無知，因爲這個問題只發生在底部3個div。

我的部分是這樣構建的;

 <div class="section" id="section3"> 
    <div class="row"> 
     <div class="col-lg-6 werkwijze"> 
      <h1>Lorem Psum</h1> 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris gravida aliquam odio. Duis elementum nisl vel libero molestie, in varius nisi venenatis. Maecenas se</p> 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris gravida aliquam odio. Duis elementum nisl vel libero molestie, in varius nisi venenatis. Maecenas se</p> 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris gravida aliquam odio. Duis elementum nisl vel libero molestie, in varius nisi venenatis. Maecenas se</p> 

      <h1>Lorem Psum</h1> 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris gravida aliquam odio. Duis elementum nisl vel libero molestie, in varius nisi venenatis. Maecenas se</p> 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris gravida aliquam odio. Duis elementum nisl vel libero molestie, in varius nisi venenatis. Maecenas se</p> 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris gravida aliquam odio. Duis elementum nisl vel libero molestie, in varius nisi venenatis. Maecenas se</p> 

    </div> 
</div> <!-- end col --> 
</div> <!-- end row --> 
<div class="row"> 
    <div class="col-lg-5 botlogo"> 
    <div class="left"><img src="css/images/logo4.png"></div><div class="right"><h3>LOREM IPSUM</h3><h4>dolor sit amet</h4></div> 
    </div><!-- end col --> 
</div> <!-- end row --> 
</div> <!-- end sec --> 

而且我使用這些樣式作爲節;

.page_container { 
     height:100% !important; 
     display:block; 
    } 
#section3{ 
     background: none; 
     border-bottom: 2px solid #8f8f8f; 
     height:100%; 
    } 

有6段（0-5），它開始出問題在第3節

我嘗試添加一個小提琴，但由於某種原因，我不能重現問題，我可以不共享原始網站。 http://jsfiddle.net/MgcDU/我希望有人認識到這個問題，可以幫助我。

Answer 1

基於代碼片段，您張貼，你在那裏，可能會導致您的問題一個額外的</div>（我把箭頭到它下面）：

 <div class="section" id="section3"> 
    <div class="row"> 
     <div class="col-lg-6 werkwijze"> 
      <h1>Lorem Psum</h1> 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris gravida aliquam odio. Duis elementum nisl vel libero molestie, in varius nisi venenatis. Maecenas se</p> 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris gravida aliquam odio. Duis elementum nisl vel libero molestie, in varius nisi venenatis. Maecenas se</p> 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris gravida aliquam odio. Duis elementum nisl vel libero molestie, in varius nisi venenatis. Maecenas se</p> 

      <h1>Lorem Psum</h1> 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris gravida aliquam odio. Duis elementum nisl vel libero molestie, in varius nisi venenatis. Maecenas se</p> 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris gravida aliquam odio. Duis elementum nisl vel libero molestie, in varius nisi venenatis. Maecenas se</p> 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris gravida aliquam odio. Duis elementum nisl vel libero molestie, in varius nisi venenatis. Maecenas se</p> 

    </div> <------------------------- This one seems like an extra 
</div> <!-- end col --> 
</div> <!-- end row --> 
<div class="row"> 
    <div class="col-lg-5 botlogo"> 
    <div class="left"><img src="css/images/logo4.png"></div><div class="right"><h3>LOREM IPSUM</h3><h4>dolor sit amet</h4></div> 
    </div><!-- end col --> 
</div> <!-- end row --> 
</div> <!-- end sec -->