Html 字幕标签问题

我不熟悉html和css编码，我正在制作一个响应性很强的网页，我的网页顶部有一个div内的文本，当我缩小浏览器的宽度时，文本从右侧被剪切，我以为marquee可以解决这个问题，但我听说它已经过时了。所以，我如何解决我的问题？请让我知道问题是否可以解决

#topdiv
{
    position:fixed;
    top:0;
    width:100%;
    height:20px;
}
#topdiv p
{
    position:relative;
    color:#FFF;
    float:right;
}

---

也许这就是你想要的

#topdiv
{
位置：固定；
排名：0；
右：0；
文本对齐：右对齐；
宽度：100%；
高度：20px；
}
#托普迪夫p
{
位置：相对位置；
颜色：红色；
/*浮动：对*/
}

一些文本JFKDJK FJKDFJJG fjsklfjsdklf FGSDFHUSDGFJKSDFDL 123

为什么要使用

位置：已修复

如果需要，则需要删除代码段下方的父div宽度检查

#topdiv{
位置：固定；
排名：0；
高度：20px；
左：0px；
填充：10px；
}
#托普迪夫p{
颜色：#000；
浮动：对；
文本对齐：对齐；
保证金：0；
}

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务
暂时性的劳工和财产损失。我们在这里吃得很少，
他在乌拉姆科实验室实习，并在普通实验室实习
康塞奎特。在沃鲁帕特·维利特·埃塞的《雷德亨德瑞特》中，两人或两人互为受害者
纤毛多洛雷欧盟福吉亚无巴黎。圣奥卡塔铜塔除外
傲慢的人，必须为自己的行为负责。



Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务
暂时性的劳工和财产损失。我们在这里吃得很少，
他在乌拉姆科实验室实习，并在普通实验室实习
康塞奎特。在沃鲁帕特·维利特·埃塞的《雷德亨德瑞特》中，两人或两人互为受害者
纤毛多洛雷欧盟福吉亚无巴黎。圣奥卡塔铜塔除外
傲慢的人，必须为自己的行为负责。

对topdiv使用最大宽度样式

#topdiv {
    position:fixed;
    top:0;
    width:100%;
    max-width:98%;
    height:20px;
}

---

您需要查看媒体查询，它们允许您根据屏幕宽度更改布局-您应该显示模式代码；你所拥有的不足以使文本向右截断。除非你有很长的单词。那么，你能提供一个例子来说明这个问题吗？实际上，具体来说，文字很长，当我缩小浏览器的宽度时，它没有得到所需的空间，而是向下移动，它会被剪切…我想让文字可见，我可以使用marqee…我无法解释除此之外的问题，但感谢你的建议，guyz…谢谢@Andrew我使用媒体查询解决了问题，并它起作用了。。。因此，当浏览器的宽度不足以容纳文本字体时，字体将被缩小……我不确定您在这里解决的问题是否就是OP所问的问题。我以为他说“我缩小了浏览器的宽度，文本从右侧剪切”，所以我给了他解决方案，但可能是我没有理解他的问题