将div与右侧的固定位置对齐
将div与右侧的固定位置对齐
提问于 2010-05-14 03:24:01
我想要显示一个即使在用户滚动页面时也始终可见的div。为此，我使用了CSS position: fixed;。
现在，我还想在父div的右上角显示div。
我尝试使用下面的CSS代码来实现这个目标：
.test {
position: fixed;
text-align: right;
}但它不会将元素在右侧对齐。
我的示例页面可以在here中找到，我想要对齐的div元素在父类parent下称为test。
是否有任何CSS或JavaScript解决方案来对齐屏幕右侧的固定位置元素？
回答 7
Stack Overflow用户
发布于 2010-07-23 18:45:10
您可以使用两个重叠的div。但是你需要为你的内容设置一个固定的宽度，这是唯一的限制。
<div style='float:right; width: 180px;'>
<div style='position: fixed'>
<!-- Your content -->
</div>
</div>Stack Overflow用户
发布于 2013-11-28 13:57:25
将“right”属性与固定位置样式一起使用。提供的值相当于窗口边界右侧的偏移量。
代码示例：
.test {
position: fixed;
right: 0;
}如果您需要一些填充，您可以使用某个值设置right属性，例如：right: 10px。
注意：float属性不适用于position fixed和absolute
Stack Overflow用户
发布于 2010-08-12 15:01:50
试着做同样的事情。如果希望它右对齐，则将right的值设置为0。如果需要从右侧开始填充，请将该值设置为所需填充的大小。
示例：
.test {
position: fixed;
right: 20px; /* Padding from the right side */
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2829665
复制相关文章
相似问题