<jsp：include>不尊重包含的jsp的位置样式

时间：2015-12-07 18:08:41

标签： java css jsp css-position jspinclude

我有一个index.jsp，header.jsp包括<jsp:include>。文档header.jsp有2个元素，我已经定位在右下角。如果我将header文件作为.html执行，则两个元素都会正确定位，但当我执行index.jsp时，两个项目都位于右上角，忽略只是< / strong>位置样式，因为正如您所看到的，loginButton和messageLabel div仍然具有其余的样式。

如果我像html一样执行header（我正确地看到它），这就是我所看到的： enter image description here

如果我在本地服务器中执行index.jsp，这就是我所看到的： enter image description here

index.jsp：

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
        <jsp:include page="header.jsp" />
        <h1>Hello World!</h1>
    </body>
</html>

header.jsp：

<link rel="stylesheet" type="text/css" href="Resources/Styles/headerStyles.css" />
<header id="header">
    <label id="messageLabel">User not registered</label>
    <div id="loginButton">
        Login
    </div>
</header>

headerStyles.css：

#header {
    background-color: yellow;
    width: 100%;
    height: 92px;
}

#loginButton {
    position: absolute;
    right: 8;
    top: 60;
    background-color: darkorange;
    height: 40px;
    width: 80px;
    text-align: center;
    line-height: 40px;
    font-weight: bolder;
    font-size: 15pt;
}

#messageLabel {
    position: absolute;
    right: 100;
    top: 70;
}

1 个答案:

答案 0 :(得分：1)

好的，我明白了。您只需在属性right和top中指定度量单位，如下所示：

#header {
    background-color: yellow;
    width: 100%;
    height: 92px;
}

#loginButton {
    position: absolute;
    right: 8px;
    top: 60px;
    background-color: darkorange;
    height: 40px;
    width: 80px;
    text-align: center;
    line-height: 40px;
    font-weight: bolder;
    font-size: 15pt;
}

#messageLabel {
    position: absolute;
    right: 100px;
    top: 70px;
}

似乎措施必须遵循正确指定的正确测量单位。这是非常严格的。

相关问题
最新问题