CSS：將div放在float的右邊：right

嗨堆棧溢出社區。我有2 動態 divs，我想浮在一個容器內。但是我希望HTML上的最後一個div比第一個更靠右。我的問題是，我不能改變HTML，只有CSS。CSS：將div放在float的右邊：right

這將用於頁面之間的導航，因此我可以使兩個div可見或只有一個。即使我只有一個div，它也必須與容器的右側對齊（這就是爲什麼我想使用浮動）。

這裏有一個的jsfiddle爲您更好地理解：http://jsfiddle.net/Cthulhu/yVCDZ/1/

我想「下一步」後，「上一頁」出現。提前致謝。

來源

2012-04-11 Cthulhu

而是浮動的，使用display:inline-block;並設置容器的text-align:right;

我更新你的小提琴：http://jsfiddle.net/mestekweb/yVCDZ/2/

這應該讓你開始，至少。

ps - 您可能會遇到問題IE < 8.如果需要，我也可以提供一些幫助。

來源

2012-04-11 15:36:33

顯示：內聯塊;是要走的路。 – 2012-04-11 15:37:19

這似乎很好。 IE 8會遇到什麼樣的問題？ – Cthulhu 2012-04-11 15:40:40

IE7及更早版本無法識別內聯塊。在這種情況下，您可以使用'display：inline;'。您可能還必須使用類似'zoom：1;' 的設置來獲取hasLayout屬性集。這裏是IE7 hack的小提琴。也許不是最好的方式，但這是我現在所擁有的。 http://jsfiddle.net/mestekweb/yVCDZ/10/ – 2012-04-11 15:55:23

據我瞭解可能是你想要的。您可以使用方向與display：inline-block;

入住這http://jsfiddle.net/yVCDZ/3/

&存在其他替代所有的瀏覽器，其工作

入住這http://jsfiddle.net/yVCDZ/8/

來源

2012-04-11 15:35:57 sandeep

快速更新使用定位：

#container { 
    width:300px; 
    height:70px; 
    border:1px solid black; 
    position: relative; 

} 

#previous { 
    width:70px; 
    height:70px; 
    background:gold; 
    position: absolute; 
    right: 70px; 
} 

#next { 
    width:70px; 
    height:70px; 
    background:lightblue; 
    position: absolute; 
    right: 0; 
}

來源

2012-04-11 15:38:22 Jakub

CSS：將div放在float的右邊：right

回答

相關問題