CSS：試圖讓div一個接一個

-1

第一個div是navbar，我正在twitter-bootstrap的幫助下創建。它有90px height。
其餘的高度將由另一個具有圖像背景的div拍攝。這裏是第一個導航欄的div代碼：CSS：試圖讓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>

第一個div CSS：

.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; 
}

二DIV + CSS：

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

我面臨以下問題：

如何在不使用導航欄後放置第二個div <br/>？
Second Div與第一Div交疊。我想分成高度30％和70％。
背景大小應選擇什麼樣的大小以便它可以完美地適合第二個div？

來源

2013-03-21 Himanshu Yadav

通過在導航欄後放置第二個div，你是什麼意思？你的第二個div嵌套在你的導航欄div中。因此，無論是將其移出，還是使用position：absolute將其放在您想要的位置。 – lukeocom 2013-03-21 03:24:41

發佈測試頁面。 – Shail 2013-03-21 13:23:45

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-21 22:07:15 GeorgeV

CSS：試圖讓div一個接一個

回答

相關問題