自動高度不起作用

即時工作的網站，使用視差滾動。網站上的每個子頁面（部分）都是一樣的高度，但是我想讓最後一個高度自動調整。最後一節有很多內容，所以我想使它成爲高度自動，但我不工作。自動高度不起作用

#kontakt中的div浮動。

HTML：

  <section id="kontakt" data-speed="10" data-type="background"> 
       <article> 
        <div class="pasek_suwakow" style="top: 290px;"> 
        <a href="#marki"><div class="suwak_gora"></div></a> 
        <a href="#manifest"><div class="suwak"></div></a> 
        <a href="#wspolpraca"><div class="suwak"></div></a> 
        <a href="#realizacje"><div class="suwak"></div></a> 
        <a href="#kontakt"><div class="suwak_dol_wybrane"></div></a> 
        </div> 



       <div id="lastsection"> 

       <div id="map"> 
        <div id="vmap"></div> 

       </div> 

       <div id="contactbox"> 
        <div id="contactleft"> 


         <div id="contacttext"> 
         Siedziba firmy:<br><br>NEBIOLO POLSKA sp. z o. o.<br><br>ul. Olszewskiego 20<br>25-663 Kielce<br>Polska<br><br>tel. +48 41 278 72 60<br>fax. +48 41 278 72 61<br>email. [email protected]<br>www.nebiolo.com.pl 
         </div> 


        </div> 
        <div id="contactright"> 

        <form action="index.php" method="post" enctype="multipart/form-data" id="formularz"> 
         <label for="name">Imię i nazwisko:</label><input type="text" name="name" id="formularz_name"/></br></br> 
         <label for="email">Email:</label><input type="text" name="email" id="formularz_email"/></br></br> 
         <label for="phone">Telefon kontaktowy:</label><input type="text" name="phone" id="formularz_phone"/></br></br> 
         <label for="enquiry">Treść zapytania:</label><textarea name="enquiry" cols="40" rows="5" id="formularz_text"></textarea></br></br> 
         <input type="button" id="contact_button" class="przycisk" value="Wyślij" /> 
         </form> 

        <div id="formularz_odpowiedz"> 

        </div>  
       </div> 
       </div> 
        </div> 

       <div id="distributors">Wybierz kraj aby pokazać dystrybutorów</div> 

       <table class="listadeweloperow Sweden"> 
       <tr class="nazwakraju"><td>Szwecja</td></tr> 
       <tr class="wpisdystry"> 
        <td><img src="images/mztlogomini.png" alt="MZT"></td><td>ECO SOLUTIONS SCANDINAVIA</td><td>STALLARHOLMSVAGEN 49, 124 59 BANDHAGEN,</td><td>STOCKHOLM, SWEDEN</td><td>00 48 784 77 44 25,</td><td>SE: + 46 760 572 551</td><td><a href="http://ecocolutions.se/" style="color:#0072c2;">http://ecocolutions.se/</a></td><td>[email protected]</td> 
       </tr> 
       <tr class="wpisdystry"> 
        <td><img src="images/mztlogomini.png" alt="MZT"></td><td>ECO SOLUTIONS SCANDINAVIA</td><td>STALLARHOLMSVAGEN 49, 124 59 BANDHAGEN,</td><td>STOCKHOLM, SWEDEN</td><td>00 48 784 77 44 25,</td><td>SE: + 46 760 572 551</td><td><a href="http://ecocolutions.se/" style="color:#0072c2;">http://ecocolutions.se/</a></td><td>[email protected]</td> 
       </tr> 
       <tr class="wpisdystry"> 
        <td><img src="images/mztlogomini.png" alt="MZT"></td><td>ECO SOLUTIONS SCANDINAVIA</td><td>STALLARHOLMSVAGEN 49, 124 59 BANDHAGEN,</td><td>STOCKHOLM, SWEDEN</td><td>00 48 784 77 44 25,</td><td>SE: + 46 760 572 551</td><td><a href="http://ecocolutions.se/" style="color:#0072c2;">http://ecocolutions.se/</a></td><td>[email protected]</td> 
       </tr> 
       <tr class="wpisdystry"> 
        <td><img src="images/mztlogomini.png" alt="MZT"></td><td>ECO SOLUTIONS SCANDINAVIA</td><td>STALLARHOLMSVAGEN 49, 124 59 BANDHAGEN,</td><td>STOCKHOLM, SWEDEN</td><td>00 48 784 77 44 25,</td><td>SE: + 46 760 572 551</td><td><a href="http://ecocolutions.se/" style="color:#0072c2;">http://ecocolutions.se/</a></td><td>[email protected]</td> 
       </tr> 
       <tr class="wpisdystry"> 
        <td><img src="images/mztlogomini.png" alt="MZT"></td><td>ECO SOLUTIONS SCANDINAVIA</td><td>STALLARHOLMSVAGEN 49, 124 59 BANDHAGEN,</td><td>STOCKHOLM, SWEDEN</td><td>00 48 784 77 44 25,</td><td>SE: + 46 760 572 551</td><td><a href="http://ecocolutions.se/" style="color:#0072c2;">http://ecocolutions.se/</a></td><td>[email protected]</td> 
       </tr> 
        <tr class="wpisdystry"> 
        <td><img src="images/mztlogomini.png" alt="MZT"></td><td>ECO SOLUTIONS SCANDINAVIA</td><td>STALLARHOLMSVAGEN 49, 124 59 BANDHAGEN,</td><td>STOCKHOLM, SWEDEN</td><td>00 48 784 77 44 25,</td><td>SE: + 46 760 572 551</td><td><a href="http://ecocolutions.se/" style="color:#0072c2;">http://ecocolutions.se/</a></td><td>[email protected]</td> 
       </tr> 
         <tr class="wpisdystry"> 
        <td><img src="images/mztlogomini.png" alt="MZT"></td><td>ECO SOLUTIONS SCANDINAVIA</td><td>STALLARHOLMSVAGEN 49, 124 59 BANDHAGEN,</td><td>STOCKHOLM, SWEDEN</td><td>00 48 784 77 44 25,</td><td>SE: + 46 760 572 551</td><td><a href="http://ecocolutions.se/" style="color:#0072c2;">http://ecocolutions.se/</a></td><td>[email protected]</td> 
       </tr> 
         <tr class="wpisdystry"> 
        <td><img src="images/mztlogomini.png" alt="MZT"></td><td>ECO SOLUTIONS SCANDINAVIA</td><td>STALLARHOLMSVAGEN 49, 124 59 BANDHAGEN,</td><td>STOCKHOLM, SWEDEN</td><td>00 48 784 77 44 25,</td><td>SE: + 46 760 572 551</td><td><a href="http://ecocolutions.se/" style="color:#0072c2;">http://ecocolutions.se/</a></td><td>[email protected]</td> 
       </tr> 
       </table>  



      <br style="clear:both;font-size:0;line-height:0;height:0;" /> 
       </article> 
      </section>

CSS：

#kontakt { 
background: #e9e9e7; 
height: 1000px; 
margin: 0 auto; 
width: 100%; 
max-width: 1920px; 
position: relative; 
box-shadow: 0 0 50px rgba(0,0,0,0.8); 
overflow:hidden; 
} 


#kontakt article{ 

position: relative; 
width: 100%; 
top: 0px; 
font-size: 21px; 
color: #777777; 
font-family: sspro-light; 
}

如何設置最後一節#kontakt到autoheight？適合內容。

來源

2013-12-17 Lethysek

清除你的花車。 –

我已經清楚：both; font-size：0; line-height：0; height：0;「 />文章結束之前。 – Lethysek

只是#lastsection的結局之前添加此清除所有浮動div小號

<div style ="clear:both"></div>

來源

2013-12-17 18:52:43

已添加，仍然無法正常工作。順便說一句，已經清楚：both; font-size：0; line-height：0; height：0;「 />在文章之前。 – Lethysek

自動高度不起作用

回答

相關問題