为了账号安全,请及时绑定邮箱和手机立即绑定

运行不出来 哪里错了

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>赵丽颖/title>
<style type="text/css">
 *{margin;0; padding:0;}
 #wrap{width:770px;margin:0 auto; }
 img{margin: 10px 18px; border:1px solid #000000}
 #header{width:100% height:200px border:1px solid red}
 #mainbody{width:100% height:200px border:1px solid blue}
 #footer{width:100% height:200px border:1px solid green}
<style>
</head>
<body>
<div id="wrap">
  <div id="header"></div>
 <div id="mainbody">
 <div>
 <img src="bg1.jpg" width="80" height="80"/>
 <img src="bg2.jpg" width="80" height="80"/>
 <img src="bg3.jpg" width="80" height="80"/>
 <img src="bg4.jpg" width="80" height="80"/>
 <img src="zly1.jpg" width="80" height="80"/>
 <img src="zly3.jpg" width="80" height="80"/>
 </div>
 </div>
  <div id="footer"></div>
</div>
 </body>
</html>

正在回答

1 回答

你的footer和header设置的宽度是100% 他的宽度取决于内部标签的宽度<div id="header"></div><div id="footer"></div> 而内部没有标签 所以宽度为0 因此你才会看不到结果

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

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214707    人
  • 解答问题       1756    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程

运行不出来 哪里错了

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信