Question

如何定位要在窗口右边缘对齐的元素？

Answer 1

如果要从流中删除元素，

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

但是如果没有更多细节/背景，很难用“正确”的答案回答你的问题。

Answer 2

你可以这样漂浮它们：

float: right;

这取决于它周围的元素，但这肯定是最简单的方法。

请注意，这显然不适用于ABSOLUTELY定位项目。有关详细信息，请参阅此链接：http://www.w3schools.com/css/pr_class_float.asp

Answer 3

如果你希望它固定在视口的右边，即使你滚动页面，那么你需要使用固定定位，如下所示：

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

显然更改顶部/宽度/高度值以适合您的目的。

Answer 4

嗨，有更好的方法可以使用float:right使你的元素在右侧，如果你想修复它，不想用滚动移动它你可以使用这个

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

并查看此view this

Answer 5

使用float属性：

float: right;

Answer 6

您还可以使用绝对定位元素

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

这会将div固定在页面的右上角。我使用1000作为z-index，因为它允许你在其下面填充其他z索引，而不必改变这种风格。

Answer 7

display: flex;
height: 10%;
width: 100%;
background-color: #111111;
color: #FFFFFF;
text-align: center;
font-size: .85rem;

如果将#footer放在html的底部并使用Flex Box，它将自动粘贴到内容的底部。您还需要使其他div用于内容显示：flex;也一样

这里是Flexbox的链接。这是一个很好的工具。