1

Bootstrapを使用して非常に単純なランディングページを実行しています。アイデアは、ウィンドウサイズに関係なく、ページ全体をカバーするヒーローユニットのテキスト要素を持つことです。width: 100%;CSS命令はうまく機能しますheight: 100%;が、効果はありません。ヒーローユニット要素の高さは約200ピクセルで、ウィンドウの上部にアタッチされています。ヒーローユニットの高さを100％に設定するにはどうすればよいですか？前もって感謝します。

4

2 に答える 2

4

height:100%onhtmlとtagsを設定するbody必要があり、ヒーローdivに親がある場合は、それも必要になります。

例http://jsfiddle.net/xExSE/

于 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 に答える