Css jsp：将页脚放在另一个jsp中包含的页面底部，并使内容可滚动_Css_Jsp

Css jsp：将页脚放在另一个jsp中包含的页面底部，并使内容可滚动

css jsp

Css jsp：将页脚放在另一个jsp中包含的页面底部，并使内容可滚动,css,jsp,Css,Jsp,我在另一个jsp中包含了一个jsp。页眉和页脚放在原始jsp中（而不是包含的jsp）。我想修复页面底部的页脚，并使内容在溢出时可滚动，或者使页脚与页面一起滚动。我已经尝试了所有的“修复页脚”和“滚动内容”的解决方案，我可以找到这样的。它们似乎都不起作用。这是我的密码： <body class="landingPage"> <div class="header"> </div> <div class="mainClass"> <div

我在另一个jsp中包含了一个jsp。页眉和页脚放在原始jsp中（而不是包含的jsp）。我想修复页面底部的页脚，并使内容在溢出时可滚动，或者使页脚与页面一起滚动。我已经尝试了所有的“修复页脚”和“滚动内容”的解决方案，我可以找到这样的。它们似乎都不起作用。这是我的密码：

<body class="landingPage">
<div class="header">
</div>
<div class="mainClass">
    <div class= "banner">
        <p>Welcome </p>
    </div>
    <div align="center" class="Content"> 
        <%@ include file="jsp/page1.jsp" %>

    </div>
    </div>
    <div id="footer">&copy;
        <%=Calendar.getInstance().get(Calendar.YEAR) %>
    All rights reserved.
    </div>
</body>

请在css中尝试此操作，以固定页脚在页面底部的位置

#footer {
    background-color: #edf2fc;
    color: #0544aa;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    text-align: center;
}

当我的正文内容开始溢出时，这会中断。在我编辑代码之后，在css中缺少一个分号之前，您是否尝试过使用。这是您找到的第一个解决方案之一。是的，在发布我的问题之前我已经试过了。嗨，Abhineet..假设你编写代码并进行修复有点困难..如果可能的话，请你做一个JSFIDLE，这一点将更容易调试问题。

#footer {
    background-color: #edf2fc;
    color: #0544aa;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    text-align: center;
}