Javascript 使文本仅在div内可见

我试图让一个文本只在div内时对用户可见，而在div外时必须隐藏

文本从左到右设置动画，因此它不是固定的

这很难解释，所以我制作了一个图像让你更好地理解：

基本上，除了div和box之外的其他所有东西都应该有一个更高的z指数来获得这种效果，但这是不可能的，因为它会覆盖所有东西

---

任何想法，可能使用CSS和JS或JQuery？

溢出：隐藏；空白：nowrap将为您完成这项工作

空白：nowrap

防止文本换行，而

溢出：隐藏

隐藏超出div边界的所有内容

一小条

.container{
高度：300px；
宽度：300px；
溢出：隐藏；
边框：1px纯黑；
空白：nowrap；
}

知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为，因为它是一种不平等的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。

只需使文本不换行，并使框溢出：隐藏

.box{
最大宽度：80px；
空白：nowrap；
溢出：隐藏；
背景：#efef；
}

哇，看这篇文章，它从盒子里出来了

CSS
属性
溢出：隐藏将导致不渲染元素表面积以外的所有内容


div{
宽度：100px；
高度：20px；
背景颜色：蓝色；
溢出：隐藏；
}
文本将超出此div
css:
div{overflow:hidden}
？请提供一个非常感谢，这解决了我的问题！抱歉，如果这是一个愚蠢的问题如果您想滚动隐藏的文本，您可以使用
overflow:auto