定位一個div在另一個右側

Question

我有以下的HTML和CSS。但我無法弄清楚的是如何在主div的右側有製表符div。以便他們像書籤一樣突出權利。

.main { 
    -moz-border-radius:10px; 
    height: 75%; 
    width: 60%; 
    position: absolute; 
    top: 15%; 
    left: 20%; 
    right: auto; 
    } 
.tabs { 
    width: 50px; 
    height: 1.3em; 
    position: absolute; 
    float: right; 
} 
#tab { margin: 10px 10px 10px 0px;} 

和HTML：

<div class="main"> 
    <div id="content"> 
     Some main content 
    </div> 
</div> 
<div class="tabs"> 
    <div class="tabs" id="tab1"> 
     <a href="#" alt="Home"> 
      Home 
     </a> 
     </div> 
     <div class="tabs" id="tab2"> 
      <a href="#" alt="About"> 
       About 
      </a> 
     </div> 
</div> 

Answer 1

一般有兩種方法來把塊左至右：

1. 讓他們行內;或
2. 使用浮動。

（1）將是：

div.main, div.tabs { display: inline; } 

（2）將是：

div.main, div.tabs { float: left; } 

如果你（2）把div的一個容器中，添加：

div.container { overflow: hidden; } 

每種方法都有其特殊的優點。最值得注意的是inline元素不能有margin屬性應用於它們。這只是HTML中內聯與塊佈局的幾個約束之一。