如何在沒有包裝的情況下將跨度內容放在所有其他元素之上？

我在頁面上的每個表單元素旁邊都有一個跨度，如果有的話顯示錯誤。基本上有兩列，左側和右側。我試圖讓跨越整個頁面從左列顯示的跨度（沒有被包裹到左列的邊界處的第二行）。如何在沒有包裝的情況下將跨度內容放在所有其他元素之上？

我一直在定位和z指數一會兒玩弄，不能得到它的工作，所以我想我會發布的jsfiddle，看看是否有人可以幫助提供一些線索：

2011-10-01 Oseer

.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; 
}

來源

2011-10-01 18:11:01

的解決辦法，而如何可重複使用的是什麼？如果頁面上有多個錯誤，他們是不是會堆疊在一起？ **編輯**我用小提琴測試它，錯誤仍然包裹！ – sdleihssirhc

@sdleihssirhc：如果你擴展「結果」小提琴區域的寬度 –

啊，你就是......但是它會把錯誤信息堆疊在一起：http：// jsfiddle.net/zZ7MN/5/ – sdleihssirhc

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

德米特里接近，他的問題是，他被指定左屬性。當位置改變爲絕對值時，會導致跨度從屏幕左側移動N個像素。刪除左邊，並給你的跨度設置寬度，它不會再包裝！

這裏是的jsfiddle http://jsfiddle.net/zZ7MN/8/

來源

2013-03-08 16:32:55

如何在沒有包裝的情況下將跨度內容放在所有其他元素之上？

回答

相關問題