如何獲得一個靜態定位元素跨越屏幕

我有一個我需要的元素跨越整個屏幕。如何獲得一個靜態定位元素跨越屏幕

它需要靜態定位，因爲它需要處於元素流中，但將寬度設置爲100％不能覆蓋屏幕。

我可以使它絕對定位，然後設置left和right性質0，它會覆蓋屏幕，但隨後的元件將被取出的DOM元素和弄糟它的流動。

如何使靜態定位元素跨越整個屏幕？

這裏是一個支撐的jsfiddle：http://jsbin.com/uwepij

是否有可能從你的身體中刪除保證金？還是需要？ '身體{margin：0！important;}' – 19greg96 2012-02-04 16:29:18

哦，我不知道身體默認有保證金 – 2012-02-04 16:43:41

如果你不需要在體內的保證金就可以使用：身體{保證金：0;}

2012-02-04 16:35:24

元素是position: static不這樣做，在默認情況下，跨越比它們的父元素的寬度。

在你看到的情況下，body元素上的邊距爲8px，所以所有非絕對定位元素都被限制在該空間內。

但是，如果你知道你要多少額外的空間元素跨越，你可以設置填充和負利潤率的元素，像這樣：

padding: 0 10px; 
margin: 0 -10px;

看到上面的更新您jsbin：http://jsbin.com/amuxev

2012-02-04 16:34:10

您的解決方案也適用，但最重要的是更容易。我給你一個upvote – 2012-02-04 16:44:24

回答