gpt4 book ai didi

java - not respecting position styles of the jsp included

转载 作者:行者123 更新时间:2023-11-28 16:38:16 25 4
gpt4 key购买 nike

我有一个 index.jsp其中包括 header.jsp通过 <jsp:include> .文档 header.jsp有 2 个元素,我已将其放置在右下角。如果我执行 header文件为 .html,两个元素的位置都正确,但是当我执行 index.jsp 时这两个元素都在右上角,忽略了只是 位置样式,因为如您所见,loginButtonmessageLabel div 仍然保留其其余样式。

这是我执行 header 时看到的内容像一个 html(我看得很清楚): 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;
}

最佳答案

好的,我知道了。您只需在属性 righttop 中指定度量单位,如下所示:

#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;
}

看来措施必须遵循正确指定的适当计量单位。这是相当严格的。

关于java - <jsp :include> not respecting position styles of the jsp included,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34140284/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com