[英]Sidebar and body “hiding” under header
我正在尝试使用CSS将标头图片添加到我的网站中。 我对CSS非常陌生,因此我确定我缺少一些难以置信的简单标签,因此对侧边栏和正文进行了相应的调整。
的CSS
#sideContainer {float:left;}
.err {
color: #FF9900;
}
#navMain {
margin-left:25px;
color:#999999;
font-family:Tahoma, Geneva, sans-serif;
}
#headContainer {
width: 100%;
position:fixed;
top:0px;
height: 150px;
}
#header{
margin:0px auto;
height: 150px;
}
#content {
float:left;
padding-left: 10px;
padding-top: 10px;
}
的HTML
<HTML>
<HEAD>
<?php
require_once('config.php');
?>
<TITLE>Fund Shui Homepage</TITLE>
<link rel='stylesheet' type = 'text/css' href = 'default.css' />
</HEAD>
<BODY>
<div id = 'headContainer'>
<div id = 'header'>
<?php include 'header.html'; ?>
</div>
</div>
<div id = 'sideContainer'>
<div id='navMain'>
<?php include 'sidebar.html'; ?>
</div>
</div>
<div id = 'content'>
只需删除position:fixed
。 使用position:relative
可能是相同的。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.