我对 HTML/CSS 很陌生,即使在浏览器放大/缩小或浏览器调整大小时,在维护元素的位置时我仍然不知道一些重要的属性。
我设法将一些图像固定在它们的位置上,但在浏览器调整大小时会变形。
到目前为止,这是我的工作:
HTML
主页.php
p.copyright {
font-weight: bold;
text-align: center;
font-style: regular;
}
.clear {
clear: both;
}
#header {
display: block;
width: 80%;
top: 0;
z-index: 1;
text-align: center;
position: fixed;
overflow: hidden;
margin-left:10%;
}
#footer {
width: 80%;
position:fixed;
display: block;
bottom: 0px;
overflow: hidden;
margin-left:10%;
}
#logo {
position: relative;
text-align: left;
margin-left: 0;
float: left;
height: 95px;
width:300px;
}
#navcontainer {
display: block;
margin-right:0;
float: right;
position: relative;
}
#textbox {
position: relative;
float: right;
height: 95px;
width:300px;
}
#htimg, #bb-sb {
position: relative;
}
#navcontainer ul {
padding:0px
list-style-type: none;
text-align: center;
}
#navcontainer ul {
list-style-type: none;
}
#navcontainer ul li {
display: inline;
}
#navcontainer ul li a:hover {
color: red;
background-color: #;
}
我完全意识到我的代码非常混乱(我猜是不一致的)。我还注意到浏览器的行为不一样。我应该对此采取什么解决方案?