                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /如何用CSS进行网页布局

为什么没有出现Top部分？

<html>

<head>

body{margin:0;padding:0}//清除默认样式

.top{height:100px;background:blue}

.main{width:800px;height:300px;background:#ccc;margin:0 auto}

.foot{width:800px;height:100px;background:#900;margin:0 auto}

</style>

</head>

<body>

</body>

</html>

02:21

qq_我踹了你一脚并_03711706

2016-09-14

源自：如何用CSS进行网页布局 2-1

关注问题我要回答

813

操作

收起

3 回答

黑白先森回答被采纳 +3 积分
2016-09-14

原因是你代码打错了，清除默认样式那里

0 回复有任何疑惑可以回复我~

收起回答

慕粉3353868
2016-09-14

//清除默认样式

注释格式弄错了，你试试这样/*清除默认样式*/

1 回复有任何疑惑可以回复我~

收起回答

qq_我踹了你一脚并_03711706 提问者

嗯，又犯这么低级的错啦，呜~呜

2016-09-14 回复有任何疑惑可以回复我~

黑白先森
2016-09-14

<html>
<head>
<meta http-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>布局</title>
<style type="text/css">
body{margin: 0;padding: 0;}
 .top{height:100px;background: red;}
 .main{width:800px;height:300px;background:#ccc;margin:0 auto}
 .foot{width:800px;height:100px;background:#900;margin:0 auto}
</style>
</head>
<body>
<div class="top"></div>
<div class="main"></div>
<div class="foot"></div>
</body>
</html>

手打输入margin padding是没问题的

0 回复有任何疑惑可以回复我~

收起回答

qq_我踹了你一脚并_03711706 提问者

大神就是厉害啊，原谅我菜鸟一个

2016-09-14 回复有任何疑惑可以回复我~