html - 滚动不起作用？

Question

我正在尝试在我的页面上使用滚动条。当我添加 overflow-y: 滚动。它使 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?

这可能对你有帮助:)