IE7滾動條位置：相對項目WAS超出屏幕

Question

當位置：relative用於使用滾動條（例如，如果您將position: relative關閉），IE7似乎顯示滾動條。

<div class="box"> 
    <div class="inner box"></div> 
</div> 

.box { 
    position : absolute; 
    top  : 5px; 
    left  : 100px; 
    right : 5px; 
    height : 100px; 
    border : 1px solid #000; 
} 

.inner { 
    right : auto; 
    position : relative; 
    width : 110%; 
    left  : -90px; 
} 

演示：http://jsfiddle.net/VE9ne/1/

想知道是否有人已經看到了這一點，並知道如何解決它？

Answer 1

使用負利潤率，而不是消極左

... 
left:0; 
margin-left:-90px; 

Answer 2

這就是相對定位所做的事情，如果抵消它，它會在對象的原始位置留下空的空間。我猜IE7不像其他瀏覽器那麼聰明，所以它會顯示滾動條，而其他人似乎意識到除了空白空間外，什麼都沒有。

這裏是w3.org不得不說一下吧：

[...]在這 方式抵消一箱（B1）對箱（B2），其 如下沒有影響：B2被給予一個位置，好像 B1未被偏移並且B2不是 在B1的偏移被應用後被重新定位爲 。 [...]

來源：http://www.w3.org/TR/CSS21/visuren.html#relative-positioning

使用利潤率和花車，而不是相對定位可以解決你的問題

Answer 3

添加

html, body 
{ 
overflow: hidden; 
}