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一个接一个

回答

相关问题