DIV+CSS 头部不能显示颜色，求救！

Posted 2023-03-31

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了DIV+CSS 头部不能显示颜色，求救！相关的知识，希望对你有一定的参考价值。

#header
MARGIN:o auto;
WEIGHT:800px;
HEIGHT:300px;
BACKGROUND:black;

#logo
FLOAT: left

#topnav
PADDING-RIGHT: 15px; FONT-SIZE: 10px; FLOAT: right; WIDTH: 300px; COLOR: #fff; TEXT-ALIGN: right

<div id=header>
<div id=logo>
<A href="#">
<IMG alt="#" src="#" >
</A>
</div>
<div id=topnav>
<A href="#">Home</A> | <A href="#">Sitemap</A>
</div>
</div>
在IE上header有效应可以把logo 和topnav圈起来，但是其他属性都没用。
如果在header外加一个div,在这个div里设置宽高都有用，但是背景颜色还是没用。

我是新手请高手解决下。

复制了代码看了一下，不太明白你的其他属性都没用是什么意思。

div本身如果没有高度的话，在有浮动的情况下，很容易没办法正常显示的，也就是说，尽量给div固定的高度，如果还是没有反应的话，加上这个看看 overflow:hidden; 加上这个属性应该就正常，可以去掉高度。

我看到你id为topnav的div设置了字体颜色为白色，但是你这里的两个连接都是包含在a标签之内的，所以这个属性是没有效果的，如果想让 home sitemap 显示白色的话，你应该设置 #topnavcolor：#fff；这样能正常显示白色。参考技术A #header
MARGIN:o auto;
WEIGHT:800px;
HEIGHT:300px;
BACKGROUND:black;

#logo
FLOAT: left

#topnav
PADDING-RIGHT: 15px; FONT-SIZE: 10px; FLOAT: right; WIDTH: 300px; COLOR: #fff; TEXT-ALIGN: right

<div id=header>
<div id=logo>
<A href="#">
<IMG alt="#" src="#" >
</A>
</div>
<div id=topnav>
<A href="#">Home</A> | <A href="#">Sitemap</A>
</div>
<div style="clear:both"></div>
</div>

你看一下是不是这个效果

http://bbs.siteceo.net/thread-20-1-1.html 你看一下这篇文章就知道了。参考技术B 我这里可以，试试这个代码

<html>
<head>
<title>无标题文档</title>
</head>
<style>
#header
MARGIN:o auto;
WEIGHT:800px;
HEIGHT:300px;
BACKGROUND:black;

#logo
FLOAT: left

#topnav
PADDING-RIGHT: 15px; FONT-SIZE: 10px; FLOAT: right; WIDTH: 300px; COLOR: #fff; TEXT-ALIGN: right

</style>
<div id=header>
<div id=logo>
<A href="#">
<IMG alt="#" src="#" >
</A>
</div>
<div id=topnav>
<A href="#">Home</A> | <A href="#">Sitemap</A>
</div>
</div>

</html>

用了div+float背景不能显示了，求解

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>头部</title>
<link rel="stylesheet" type="text/css" href="css/head.css" />
</head>

<body>
<div id="head">
<div id="logo"></div>
<div class="menu">
<ul>
<li class="li"><a href="car.html">购物车</a></li>
<li class="li"><a href="help.html">帮助中心</a></li>
<li class="li"><a href="JavaScript：void(0)；" onClick="addFav();">加入收藏</a></li>
<li class="li"><a href="JavaScript：void(0)；" onClick="setHome(this);">设为首页</a></li>
<li class="li"><a href="login.html"><input type="button" value="登陆"/></a></li>
<li class="li"><a href="register.html"><input type="button" value="注册"/></a></li>
</ul>
</div>
</div>
</body>
</html>

@charset "utf-8";
/* CSS Document */
#head
background:url(../image/1.jpg);

#logo
background:url(../image/1.jpg);

.menu
width:45%;height:28px;float:right;padding:10px 0px 0px 0px;

.menu ul lifloat:left;font:12px/28px 宋体;padding:5px 10px 0px 10px