溢出隐藏不适用于容器 div

Question

我已经包含了我所知道的所有内容，溢出隐藏、自动换行、高度、宽度、最大宽度，但长句子仍然溢出容器。

这是一个 jsfiddle > http://jsfiddle.net/acrane/2nhzmx1o/

下面是文本溢出的 div 的 css。这是弹出的导航悬停的一部分。

.nav-info, .nav-info-fixed {
width: 100%;
position: absolute;
top: 0%;
background-color: #fff;
border-radius: 10px;
z-index: 1000;
height:100%; 
overflow: hidden;
word-wrap: break-word;
margin: 0 0 10px 0;
background-color: rgba(255,255,255,.8);
color: #000;
}

更新编辑 我不想使用省略号，我希望我的话可以换行，解决方案和指向 jsfiddles 的链接位于已接受答案下方的 cmets 中。

Answer 1

溢出没有问题。如果您将 text-overflow 设置为省略号，您将看到文本被正确裁剪。唯一的事实是，您的容器没有与边框相结合的填充，这就是为什么这看起来是一个问题的原因。

查看this 以获得更好的总体了解