富百世
2016-06-16 13:13
采纳率: 77.8%
浏览 1.1k
已采纳

html之div块元素相关问题

各位大侠:
最近写一一个Web测试程序.共三个文件,分别是index.html,style.css,header_bg.png,放在同一个文件夹下。其中index.html中的代码如下:

    <!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>知问</title>
  <link rel="stylesheet" href="style.css" type="text/css"/>
 </head>
 <body>
  <div id="header">

  <div>
  123
 </body>
</html>

style.css中的代码如下:
#header{
  width:100%;
  height:40px;
  background:url(header_bg.png);

}

header_bg.png是一张高40px,宽20px的,从上到下由白变灰的png图片。
按照我的理解:div是块元素,独占一行,用浏览器打开index.html后,123应该显示在灰条的下面,但实际确是显示在灰条的里面(如附图所示)。请问大侠是为什么?请赐教,谢谢!图片说明

  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 邀请回答

2条回答 默认 最新

相关推荐 更多相似问题