Question

我在页面上的每个表单元素旁边都有一个span，如果有错误则显示错误。页面上基本上有两列，左边和右边。我正试图从左列一直显示跨越页面的跨度（没有被包裹到左列边界的第二行）。

我已经玩了一段时间的定位和z索引并且无法使它工作，所以我想我会发布一个jsfiddle来看看是否有人可以帮助解决问题：

Answer 1

.one_third, .two_third {
    float:left;
    margin-bottom:10px;
    margin-right:40px;
}

.formerror {
    position: absolute;
    width: auto;
    left: 320px;
    top: 45px;
    border: 1px solid #FF7878;
    background-color: #FFBABA;
    padding:4px 6px 4px 6px;
    color: #D8000C;
}

Answer 2

.formerror {
    position: absolute;
    width: 560px;
    overflow: visible;        
    border: 1px solid #FF7878;
    background-color: #FFBABA;
    padding:4px 6px 4px 6px;
    color: #D8000C;
    z-index: 999;
}

Dmitriy很接近，他的问题是他指的是左属性。当位置更改为绝对时，这会导致跨度从屏幕左侧移动N个像素。移除左边并给你的跨度设定宽度，它将不再包裹!!

以下是jsfiddle http://jsfiddle.net/zZ7MN/8/

中的解决方案

如何在不包装的情况下将span内容放在所有其他元素之上？

2 个答案: