css - HTML CSS 溢出不起作用

Question

![enter image description here][1]我想在我的文字后画一条水平线。

它没有隐藏超出 div (#line) 的内容，而是根本不显示它。#line div 必须大于 #textline div，因为我不知道文本 div 的大小。

编辑:这是 Jfiddle http://jsfiddle.net/wakary/8tTzz/2/

输入#line {width: 100;} 看看我想要完成什么。

编辑:(我想实现的，标题更改):

Answer 1

您好，我对您的代码做了一些小改动

#textline{
position: relative;
width: 400px;
height: 36px;
margin-left: 20px;
overflow: hidden;
}
#text{
position: absolute;
color: green;
height: 36px;
background:white;
padding-right:10px;
}
#line{   
position: absolute;
height: 10px;
width: 80%;  
border-bottom: 1px solid green;
}

HTML 是这样的

<div id="textline">
    <div id="line"></div>
    <div id="text">Text</div>
</div>

所以在这种情况下，您将有一个 div 覆盖另一个，该行将覆盖它的所有容器，并且文本将隐藏该行的某些部分。