在Chrome和Camino中發生奇怪的div行爲，但在Safari中沒有發現

Question

我做了一個網站（現在由於所有可怕的顏色，它看起來很糟糕，但這些只是爲了讓我看到我的div在這個定位體育場中的位置）有一個非常基本的佈局，它可以被發現here。

現在我的問題是，當我在學校並在Windows機器上使用chrome訪問我的網站時，它看起來很好。 div#side與div#content相鄰，但是當我在家中訪問我的網站時，我現在正在使用Chrome的Mac機器上，該div開始移動... 第一次加載頁面時看起來很好。第二次我加載頁面時，它向下移動了div#content的高度，但仍然在頁面的右側。它改變每頁的負載，它是在那裏時間2,4,6,8等

在卡米諾（仍然在Mac機上）它每次都在那裏下降，它沒有移動...

在Safari上，它的行爲完全如我所願，圖像發現here。這是一個.tiff圖像，我希望你們都可以查看它...

現在的問題是：如何獲得頁面所示的圖像跨瀏覽器？

PS
圖片中的字體只是我玩Safari瀏覽器首選項並更改默認字體的結果。

Answer 1

您的邊欄寬度爲25％，內容爲75％。那麼你的.vr就是1px，所以你的總寬度是100％+ 1。側邊欄（最後一個元素）不適合剩下的寬度（這是1px太大）。

有很多方法可以解決這個問題。嘗試稍微改變寬度或稍微改變一下vr。你可以使用這裏描述的虛擬列方法：http://www.alistapart.com/articles/fauxcolumns/