html - 在容器外扩展文本

Question

我想弄清楚如何将我的文本扩展到其容器之外。期望的效果是使文本扩展得比其容器大。例如//

我不确定如何开始。我是 HTML 和 CSS 的新手，需要一些帮助:)

Answer 1

这是一种实现方式:

<div class="container"><span>EXAMPLE</span></div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

​.container {
    background: #ddd;
    font-size: 30px;
    width: 130px;
    height: 15px;
    overflow: hidden;
}
.container span {
    position: relative;
    top: -10px;
    left: -7px;
}

http://jsfiddle.net/ZnxrT/

注意:顶部/左侧偏移量是任意单位。您需要调整它们以满足您的要求。