样式文本与屏幕右侧相距固定距离

Question

我想将<div class="logintitle">Please login</div>样式固定在距离屏幕右侧一定距离（可能是300像素）的位置。下面的CSS可以做到这一点，但它也会使“请”出现在“登录”上方，并且它会在浏览器窗口的底部添加一个水平滚动条。如何在同一行留下“请”和“登录”并且不添加水平滚动条的同时执行此操作？

提前致谢，

约翰

.logintitle
        {
        position:absolute;
        width:10px;
        right:300px;
        top:2px;
        text-align: left;
        margin-bottom:3px;
        padding:0px;
        font-family:Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        }

Answer 1

那是因为您将宽度设置为10px，并且“请登录”由空格分隔，该空格将其分隔为单独的行。对于水平滚动条，仅此划分不应该导致这种情况，页面中必须有其他内容干扰它。

要修复多行问题，您可以加宽块的宽度或添加此样式：

white-space: nowrap;