如何获得一个静态定位元素跨越屏幕

我有一个我需要的元素跨越整个屏幕。如何获得一个静态定位元素跨越屏幕

它需要静态定位，因为它需要处于元素流中，但将宽度设置为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

回答