如何溢出文本而不是包裹在元素中

Question

我正在调整div元素的宽度，但<li>内部包含宽度调整并且不会溢出。我希望文本不要换行，而是在宽度变小时溢出。

是否有像这样设置内容行为的属性？

编辑

这是我的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; 
} 

Answer 1

你需要一个嵌套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> 

CSS：

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

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