本文探讨了一个关于网页布局的问题，即为什么原本预期呈现绿色的页面显示为白色且内容缺失。通过解析HTML和CSS代码，解释了不同浏览器（如猎豹、360、火狐）在渲染时的不同行为，并提供了一种解决方法。该方法涉及在容器内创建一个头部元素并应用样式，以确保页面正确显示。同时，分析了浏览器间的兼容性和样式覆盖的问题。
index:
<html>
<head>
<title>想住</title>
<meta http-equiv="Content-Type"
content="text/html;charset=utf-8">
<link rel="stylesheet" type="text/css"
href="css/layout.css" />
</head>
<body>
<div id="container">
</div>
</body>
</html>
css:
body {
margin:0px;
padding:0px;
font:12px Arial,宋体;
}
#container {
width:960px;
height:800px;
background=green;
}
问题：
本来应该有一片绿色啊！结果是白的！什么都没有。猎豹，360，火狐都是这样。
找不出来啊！！！！
解决：
并没有错。在container里面在画一个盒子出来做header，然后在header里面做一些样式，浏览器就会显示了。这里猎豹和火狐只显示header,360显示除了header还有之前定义的container的背景颜色等等。
扫一扫
1998
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
