简单CSS问题,为什么container不显示,代码如下
发布网友
发布时间:2022-04-20 20:10
我来回答
共3个回答
热心网友
时间:2022-04-20 21:39
一楼的你就放弃吧
你的CSS没有什么大问题,最大的问题是不完整。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Your work</title>
<style type="text/css">
<!--
body{
margin:0px;
text-align:center;
background:#999;
}
#container{
width:823px;
height:768px;
margin:0 auto;
background:#ff0000;
}
#header{
width:800px;
height:395px;
margin:auto 0px;
background:#ffffff;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="header"></div>
</div>
</body>
</html>
还不明白的站内信
热心网友
时间:2022-04-20 22:57
冲突了。你的是container内部包含header,CSS默认是显示最近位置的,所以只显示header.
把
<div id="container">
<div id="header">
</div>
</div>
改成
<div id="container">
</div>
<div id="header">
</div>
就能全部显示了。
热心网友
时间:2022-04-21 00:32
header写到外面去或者在<div id="header"></div>后面加个清除浮动的层