-1

最初のdivはnavbarで、私はの助けを借りて作成していますtwitter-bootstrap。あり90px heightます。
残りの高さは、画像の背景を持つ別のdivによって取得されます。最初のナビゲーションバーdivのコードは次のとおりです。

<div id="firstDiv" class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
        <a class="brand" href="./index.php">Home</a>
    </div>
  </div>
 <div id="secondDiv" class="invite-bg">
<div class="row-fluid">
  <div class="span6">
      Fluid 6
      <div class="row-fluid">
        <div class="span6">Fluid 6</div>
        <div class="span6">Fluid 6</div>
      </div>
  </div>
</div>

最初のDivCSS：

.navbar {
  *position: relative;
  *z-index: 2;
  margin-bottom: 20px;
  overflow: visible;
}

.navbar-inner {
  min-height: 5.7em; /*change*/
  padding-right: 20px;
  padding-left: 20px;
  background-color: #fafafa;
}

2番目のDivCSS：

div.invite-bg {
    background-image:url('../img/b1g.jpg');
    margin:0 auto;
    width: 100%;
    height: 70%;
    position: absolute;
}

私は次の問題に直面しています：

  1. 使用せずにナビゲーションバーの後に2番目のdivを配置するにはどうすればよい<br/>ですか？
  2. 2番目のDivは最初のDivとオーバーラップしています。高さ30％と70％で分けたいです。
  3. 2番目のdivに完全に収まるように、背景のサイズを選択する必要がありますか？
4

1 に答える 1

0 
div.invite-bg {
    background-image:url('../img/b1g.jpg');
    margin:0 auto;
    width: 100%;
    height: 70%;
    position: absolute;
    top: 30%;/*moves the div down 30% from the top of the screen*/
}

追加されたtop: 30%;属性は、あなたが求めていると思われるものに対して機能するはずです。

于 2013-03-21T22:07:15.427 に答える