Javascript 如何溢出文本而不是在元素中换行？

我正在调整div元素的宽度，但是里面的

内容用宽度调整进行包装，不会溢出。我希望文本不要换行，而是在宽度变小时溢出

有这样设置内容行为的属性吗

这是我的CSS：

.contactPanel{ //the div container
    z-index: 2;
    left: 660px;
    top: -650px; 
    position: relative;
    width: 0px;
    padding-left: 10px;
    overflow: hidden;
}
.contactPanel ul{ 
    margin: 0; 
    padding: 0px;
    list-style: none; 
    overflow: hidden;
}

---

您需要在其中嵌套一个DIV：

<div class="wrapper">
    <div class="inner">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam non lacinia quam. Etiam neque elit, ullamcorper vel consectetur quis, tristique et elit. Proin facilisis purus ut velit dapibus luctus. Sed semper vestibulum metus, id adipiscing lectus malesuada in. Mauris vel turpis sem, eu suscipit arcu. Sed faucibus laoreet nisi, at elementum justo eleifend ut. In hac habitasse platea dictumst. Nunc nec ligula nibh, a varius massa.
    </div>

</div> 

---

啊，我明白了！列表需要固定的宽度，否则将从包装器继承。对吗？div作为块元素，扩展到其容器的宽度，是的。

.wrapper {
    width:400px;
    border:1px solid #ff0000;
    overflow:hidden
}

.inner {
    width:500px;
    border:1px solid #0000ff
}