我正在使用 Bootstrap 做一个非常简单的登录页面。这个想法是让一个英雄单元文本元素覆盖整个页面,而不管窗口大小。width: 100%;
CSS 指令效果很好,但height: 100%;
没有任何效果——英雄单元元素仍然高约 200 像素,并附在窗口顶部。如何将英雄单位的高度设置为 100%?提前致谢。
问问题
6930 次
2 回答
4
您必须设置height:100%
onhtml
和body
标签,如果 hero div 有父级,它也需要它。
于 2013-01-09T20:31:22.703 回答
0
这似乎工作正常:
<html>
<head>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- css -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/css/bootstrap-combined.min.css" />
<style>
.hero-unit {
height: 100%;
background-color: green;
}
</style>
</head>
<body>
<div class="hero-unit">
<h1>Full Page Hero!</h1>
</div>
</body>
</html>
于 2013-01-09T20:44:51.907 回答