CSS菜单需要额外的空间

Question

我正在使用pure-css在我的小型学校项目中创建一个菜单。 无论如何，我通过调用

在所有其他页面中使用了一个菜单

<jsp:include page="../menu.jsp"></jsp:include>

我的问题是菜单的最后一行，＆＃34;这个文字很快就下来了＃34;我不知道为什么但菜单会占用所有页面，当我将其包含在其他页面中时页面，我需要向下滚动才能看到内容。我将div菜单在背景颜色内部更改为红色，并将所有页面的颜色设置为红色而不是菜单。为什么会这样？也许是因为菜单是下拉菜单？任何解决方案解释我的问题：

这是我的菜单代码：

<%@ page language="java" contentType="text/html; charset=windows-1255"
    pageEncoding="windows-1255"%>
<%
    request.setCharacterEncoding("windows-1255");
    response.setCharacterEncoding("windows-1255");
%>
<link rel="stylesheet"
    href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
<div class="pure-menu pure-menu-horizontal" style="background-color: red">
    <ul class="pure-menu-list">
        <%
            if (session.getAttribute("status") == null || session.getAttribute("status").equals("guest")) {
        %>
        <li class="pure-menu-item pure-menu-selected"><a
            class="pure-menu-link" href="../guest/insertUser.jsp">הרשמה לאתר
        </a></li>
        <li class="pure-menu-item pure-menu-selected"><a
            class="pure-menu-link" href="../guest/Login.jsp">התחברות</a></li>
        <%
            } else {
        %>
        <li class="pure-menu-item pure-menu-selected"><a
            href="../guest/logout.jsp" class="pure-menu-link">התנתקות</a></li>
        <%
            }
        %>
        <%
            if (session.getAttribute("currentuser") != null) {
        %>
        <li class="pure-menu-item"><a class="pure-menu-link" href="#">
                <%
                    out.print(session.getAttribute("currentuser"));
                %>
        </a></li>
        <%
            }
        %>
        <li class="pure-menu-item pure-menu-selected"><a
            href="../guest/contact.jsp" class="pure-menu-link">צור קשר</a></li>
        <li class="pure-menu-item pure-menu-selected"><a
            href="../guest/Home.jsp" class="pure-menu-link">דף ראשי</a></li>
        <li class="pure-menu-item pure-menu-selected"><a
            href="../guest/odot.jsp" class="pure-menu-link">אודות</a></li>
        <%
            if (session.getAttribute("status") != null && session.getAttribute("status").equals("manager")) {
        %>
        <li
            class="pure-menu-item pure-menu-has-children pure-menu-allow-hover">
            <a href="#" id="menuLink1" class="pure-menu-link">מנהל</a>
            <ul class="pure-menu-children">
                <li class="pure-menu-item"><a
                    href="../admin/selectManyForms.jsp" class="pure-menu-link">רשימת
                        לקוחות</a></li>
                <li class="pure-menu-item"><a
                    href="../admin/startheleteWithCheckBoxes.jsp"
                    class="pure-menu-link">מחיקת פעילות מבית ספר</a></li>
                <li class="pure-menu-item"><a href="../admin/updateSchool.jsp"
                    class="pure-menu-link">עדכונים בפעילות של בית ספר </a></li>
                <li class="pure-menu-item"><a
                    href="../admin/insertInfotSchool.jsp" class="pure-menu-link">הוספה
                        לטבלה פעילות בית ספר </a></li>
                <li class="pure-menu-item"><a href="../guest/insertUser.jsp"
                    class="pure-menu-link">הוספה לקוח</a></li>
                <li class="pure-menu-item"><a
                    href="../admin/deleteWithCheckboxes.jsp" class="pure-menu-link">מחיקת
                        לקוחות</a></li>
                <li class="pure-menu-item"><a href="../admin/ipus.jsp"
                    class="pure-menu-link">איפוס סקר</a></li>
            </ul>
        </li>
        <%
            }
        %>
        <%
            if (session.getAttribute("status") != null && session.getAttribute("status").equals("member")) {
        %>
        <li
            class="pure-menu-item pure-menu-has-children pure-menu-allow-hover">
            <a href="#" id="menuLink1" class="pure-menu-link">משתמש</a>
            <ul class="pure-menu-children">
                <li class="pure-menu-item"><a class="pure-menu-link"
                    href="../member/selectManyForms.jsp">רשימת לקוחות</a></li>
                <li class="pure-menu-item"><a class="pure-menu-link"
                    href="../member/UpdatePassword.jsp">שינוי סיסמה</a></li>
                <li class="pure-menu-item"><a class="pure-menu-link"
                    href="../member/UpdateMembersMail.jsp">שינוי EMAIL</a></li>
                <li class="pure-menu-item"><a class="pure-menu-link"
                    href="../member/seker.jsp">סקר</a></li>
            </ul>
        </li>
        <%
            }
        %>
    </ul>
</div>
THIS TEXT IS WAY FAR DOWN.

我知道代码中的某些文字不是英文，但它只是菜单内容而我认为不重要。对不起，这个