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

想请问一下是哪里有问题呢?在浏览器里什么都无法显示

代码内容

http://img1.sycdn.imooc.com//58bc2b920001da6010000402.jpg

在浏览器里预览的时候浏览器里是空白

正在回答

1 回答

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>test1</title>
   <style type="text/css">
*{margin: 0; padding: 0;}
       #wrap{background: #fcc; margin: 0 auto; width: 100%;}
       #header{background: #6cf; width: 100%;}
       #mainbody{background: #6fc; width: 100%;}
       #footer{background: #0ff; width: 100%;}
   </style>
</head>
<body>
<div id="wrap">
   <div id="header">头部</div>
   <div id="mainbody">主体</div>
   <div id="footer">底部</div>
</div>
</body>
</html>

这是按你的代码在webstorm里敲的,下面是在chrome效果。

http://img1.sycdn.imooc.com//58bc313a0001145613310142.jpg

可能的问题是:你的输入法不是在英文下,或者是你的浏览器问题。

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

举报

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

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

进入课程

想请问一下是哪里有问题呢?在浏览器里什么都无法显示

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