滾動不工作？

Question

我正在試着在我的頁面上滾動頁面。當我添加overflow-y：scroll。它會使div部分內的內容完全消失。 我目前在div部分的CSS是：overflow-y：scroll，height：100％。我錯過了什麼嗎？

<div id = "section"> 
     <div id = "map"> 
      <h1 align = "center">Find Us!</h1> 
      <div id = "map-canvas"></div> 
      <p> 

      </p> 
     </div> 
     <div id = "form"> 
      <form method="post" action="mailto: jbloggs@ait.ie"> 
       <fieldset> 
        <h1 align="center">Contact Us</h1> 
        <table class="contacttable"> 
         <tr align="left" valign="middle"> 
          <td>First Name</td> 
          <td><input type="text" name="firstname"/></td> 
         </tr> 
         <tr align="left" valign="middle"> 
          <td>Surname</td> 
          <td><input type="text" name="lastname"/></td> 
         </tr> 
         <tr> 
          <td>Address Line 1</td> 
          <td><input type="text" name="addressline1"/></td> 
         </tr> 
         <tr> 
          <td>Address Line 2</td> 
          <td><input type="text" name="addressline2"/></td> 
         </tr> 
         <tr> 
          <td>Town</td> 
          <td><input type="text" name="town"/></td> 
         </tr> 
         <tr> 
          <td>County</td> 
          <td><input type="text" name="county"/></td> 
         </tr> 
         <tr align="left" valign="middle"> 
          <td><input type="radio" name="sex" value="male"/>Male</td> 
          <td><input type="radio" name="sex" value="female"/>Female</td> 
         </tr> 
         <tr> 
          <td>Date of Birth</td> 
          <td><input type="text" name="dob"/></td> 
         </tr> 
        </table> 
       </fieldset> 
      </form> 
     </div> 
    </div> 

Answer 1

#section { 
    max-height: 150px; /*add height as you want*/ 
    overflow-y: auto; 
} 

通過這個http://www.w3schools.com/cssref/pr_pos_overflow.asp

Is there a way to set vertical scrollbar for a div?

這可能會幫助你:)