border-bottom不使用绝对定位

时间:2015-05-07 13:10:05

标签: html css

我试图使用绝对定位在网站上定位许多元素。当我尝试将它们(使用border-bottom)作为一个组加下划线时,它不起作用。

示例代码是:

<span style="border-bottom: 2px solid red;">
    <span style="position:absolute; left:50px; top:50px;">Hello</span> how are you
</span>

我创建了一个jsfiddle以防它有用:http://jsfiddle.net/smkexpza/

1 个答案:

答案 0 :(得分:0)

如果要在绝对范围内显示border-bottom,请再次在绝对div中添加

<span style="border-bottom: 2px solid red;">
    <span style="position:absolute; left:50px; top:50px;border-bottom: 2px solid red;">Hello</span> how are you
</span>

here is fiddle