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

4分20秒同样代码却无法显示视频中的效果

请问下是哪里出错了,完全按照视频中的代码来设置,却显示不了蓝条,在div里添加文字后可以显示 具体代码如下:

<!DOCTYPE html>
<html>
<head>
    <title>横向两列布局</title>
<style type="text/css">
*{margin:0;padding:0;}
#wrap{background:blue;margin:0 auto;width:960px;}
</style>
</head>
<body>
<div id="wrap"><!--这里无法显示设置的css效果-->
  <div id="header">sss</div>
  <div id="mainbody"></div>
  <div id="footer"></div>
  </div>
</body>
</html>


正在回答

3 回答

没有给高度   ,盒子的默认是0, 就显示不出来  , 你加了文字  之后,把盒子撑起来了 , 背景就自然能看到了, 所以解决方案就是 给盒子height一个值 

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

乱城记 提问者

问题在于 教学视频里并未设置高度和内容 可以显示蓝条
2016-01-09 回复 有任何疑惑可以回复我~
#2

zz_tt

好奇怪 我也搞不清楚了 不好意思
2016-01-09 回复 有任何疑惑可以回复我~
#3

乱城记 提问者 回复 zz_tt

终于解决,积分给您啦,是因为dw的问题(在dw里面 即使没有添加内容和高度都能显示效果)
2016-01-09 回复 有任何疑惑可以回复我~

因为此时的header 是没有设置宽度的,它存在,因为没有内容,所以看不见。当你给div里输入 文字后,相当于添加了内容,于是便可以显示出来了。

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

乱城记 提问者

问题在于 教学视频里并未设置高度和内容 可以显示蓝条
2016-01-09 回复 有任何疑惑可以回复我~

wrap div没添加内容时,默认是height:0,添加了sss后,wrap高度被撑开了,就有了蓝背景了!

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

乱城记 提问者

请问为什么视频里并未设置高度 并未设置文字也能显示呢
2016-01-09 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

4分20秒同样代码却无法显示视频中的效果

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