如何在右側添加元素？

Question

如何定位要在窗口右邊對齊的元素？

Answer 1

如果你想從流刪除元素，

position: absolute; 
right: 0; 
top: /* whatever */; 

但很難回答你問題與「正確」的答案沒有更多的細節/上下文。

Answer 2

您可以浮動他們的權利，就像這樣：

float: right; 

這取決於它周圍的元素，但是這將是肯定的最簡單的方法。

請注意，這絕對不適用於絕對定位的物品。請參閱此鏈接了更多的細節：http://www.w3schools.com/css/pr_class_float.asp

Answer 3

使用float屬性：

float: right; 

Answer 4

您還可以使用絕對定位的元素

div{ 
position:absolute; 
z-index:1000; 
width:20px; 
height:20px; 
top:0; 
right:0; 
} 

這將DIV針到右邊，頁面的右上角。我使用1000作爲z-index，因爲它允許您在其下面填充其他z-索引而無需更改此樣式。

Answer 5

如果你想要它，因爲它停留在視口的右側，即使你滾動頁面，那麼你需要使用固定的定位，這樣的意義上固定：

.pinned { 
    position: fixed; 
    right: 0; 
    top: 0; 
    width: 50px; 
    height: 50px; 
} 

明顯改變頂部/寬度/高度值以適合您的目的。

Answer 6

喜存在使用float:right，讓您的元素在右側更好的方式，如果你想修復它螞蟻不想與滾動，你可以用這一個

.element{ 
position:fixed; 
z-index:1000; 
height:30px; 
width:60px; 
right:0; 
} 

移動這一點，也認爲這view this