使兩個div浮在另一個角落

Question

這是我需要的。我將有一個主要div，其中我的大部分內容將被包含在內。我不知道會有多少內容，所以我無法對主要div的高度（比方說，px）做出任何假設。我需要做的是製作兩個div（具有一定的固定大小），直接位於主div的左上角（當然，z-index大於主div的大小），並在右下角同一個div。我真的不知道如何做到這一點：任何人都可以告訴我該怎麼做？

非常感謝！

利瑪竇

Answer 1

所有你需要做的是設置主DIV位置相對，並把你的兩個「角」覆蓋絕對的，一個頂部和左側0，另外一個底部和右側0。如果你有要重疊角落，您必須使用負值（例如top：-5px; left：-5px;）。

/* The required CSS rules */ 
#container { 
    position:relative; 
} 

.tl,.br { 
    position:absolute; 
} 

.tl { 
    left:0; 
    top:0; 
} 

.br { 
    right:0; 
    bottom:0; 
} 

而且這裏的HTML代碼：

<div id="container"> 
    <div class="tl"></div> 
    <div class="br"></div> 
</div> 

看一看here。