html - 为什么这个简单的 html 和 css 代码没有显示任何内容?

标签 html css

HTML:

<html>
<head>
<title>Home</title>
<link rel="stylesheet" type="text/css" href="qa.css" />
</head>
<body>
<div id="wrap"></div>
</body>
</html>

CSS:

body {
margin:0;
padding:0;
}

#wrap {
width:750px;
margin-right:auto;
margin-left:auto;
background:#008B00;
}

html文件名为qa.html,css文件名为qa.css 这两个文件在同一目录中。

最佳答案

嗯...如果没有内容,HTML 应该如何显示任何内容?

[编辑] 为了让它更具体而不是听起来像我在提示:将一些内容放在包装器 div 中,否则它是空的,因此高度为 0。

[编辑 2]:根据您在评论中描述的预期输出,您希望 div 占据文档的 100% 高度。您需要明确指定这一点,即 body 和 #wrap 需要具有高度:100%。或者更好,最小高度。

关于html - 为什么这个简单的 html 和 css 代码没有显示任何内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3740082/

相关文章:

html - 如何将单个导航项放在右侧

html - 边界半径不影响内部元素

jquery - 如何为这些嵌套的 div 元素设置动画大小? (jQuery)

javascript - Zurb Foundation 下拉按钮菜单下降太多

javascript - 我如何给这个弹出窗口一个滚动条?

javascript - Rails : Stylesheets/Javascripts work in Dev, 不是产品

javascript - 如何将我的元素放在中间

javascript - 将网站链接到图像

javascript - 使隐藏侧边栏出现时出现水平滚动条并推送主体内容

jquery - 在移动设备上移动内容上方的图像