如何讓一個頭文件的div保持在另一個文件的固定div上方？

Question

這是頭文件。我想保持div「標頭」固定。

<div id="header" style="display:block;"> 
    <table style="width:100%"> 
    <tr> 
     <td class="col-sm-6" style="background-color:lavender;"><a href = "<?php echo base_url();?>index.php/cust"><h1>Customer</h1></a></td> 
     <td class="col-sm-6" style="background-color:lavenderblush;"><a href = "<?php echo base_url();?>index.php/custgroup"><h1>Customer Groups</h1></a></td> 
    </tr> 
    </table> 
</div> 

這是與另一個固定塊 「內容」

<div id="content" style="position:fixed;background:lavender; width:100%;"> 
    <form action="<?php echo base_url(); ?>index.php/cust/add" method="post" class="form-inline col-sm-12"> 
    <div class="form-group col-sm-2"> 
    <label class="sr-only" for="name">Name:</label> 
    <input type="text" name="name" class="form-control" placeholder="Enter Name"/> 
    </div> 
    <div class="form-group col-sm-2"> 
    <label class="sr-only" for="age">Age:</label> 
    <input type="text" name="age" class="form-control" placeholder="Enter Age"/> 
    </div> 
    <div class="form-group col-sm-2"> 
    <input type="submit" value="Add new customer"> 
    </div> 
    </form> 
    </div> 

我調用這兩個文件在PHP代碼

$this->load->view('header'); 
    $this->load->view('Cust_view',$data); 
    $this->load->view('footer'); 

內容文件中的 「內容」 的div重疊「標題「div，而我需要」內容「低於」標題「，兩者都是固定的。請幫助。

Answer 1

製作Main-Div並將Header-Div和Content-Div放入其中。

CSS

<style type="text/css"> 
div#main { 
    position: absolute; 
    top: 0; 
    right: 0; 
    bottom: 0; // if you like to have a full-screen-Div. 
    left: 0; 
</style> 

HTML：

<div id="main"> 
<div id="header"> 
    foo 
</div> 
<div id="contente"> 
    foo 
</div> 
</div>