如何将span内容放在所有其他元素的顶部而不进行包装

Question

我在页面上的每个表单元素旁边都有一个span，如果有错误则显示错误。页面上基本上有两列，左边和右边。我试图让跨度显示从左列所有的方式在整个页面(不被包装到第二行在左列的边界)。

我一直在玩定位和z索引一段时间，不能得到它的工作，所以我想我将发布一个jsfiddle，看看是否有人可以帮助阐明一些:

http://jsfiddle.net/zZ7MN/3/

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/