如何創建相對內聯樣式？

我正在看帆布應用程序The Eatery已創建，我注意到佈局如何流暢。具體來說，#main列的左邊距隨着頁面變寬而放大。我用Chrome瀏覽器查看了CSS，我看不到哪些屬性設置爲從左邊緣開始的默認距離，但隨着頁面長度增長。有一個內聯樣式，但我不明白它是如何相對於窗口的寬度。如何創建相對內聯樣式？

我可以使用像left:5%;之類的東西來複制它，但我不認爲這就是特別在這個頁面上發生了什麼。因爲，在檢查器中觀察它，它是基於像素的大小，並使用百分比保持CSS中的百分比。任何想法發生在那個頁面上，我似乎無法複製？

我已經看了很多固定寬度的問題，但沒有一個答案似乎這樣做。

來源

2011-11-18 Slick23

我在FF看着它，我沒有看到'＃main'左邊緣有任何移動，所以我不確定我是否誤解了你正在看的東西，或者它是什麼東西只發生在Chrome中。 – ScottS

對不起，不保證金。它是基於窗口寬度而改變的''''left''''。 – Slick23

它不會改變我（留在20px），所以我想我不會有太多的幫助來解決它:-)。雖然如果它正在改變，那麼它必須是一個腳本重置窗口調整大小的位置。 – ScottS

這是由JavaScript onresize事件。

在該特定的代碼是：

var a=$(window).width() 
b=184; 
$("#main").css("left", Math.max((a-500-600)/2, 20)), 
    $(window).height() < 800 ? 
    ($("#hand, .hand-image").addClass("smaller") , b=96) : 
    $("#hand, .hand-image").removeClass("smaller"), $("#app-store").css("right", Math.min(a-850, b));

- 從源代碼中刪除 -

的思想很簡單，採取的文件或窗口的寬度，並移動div來的位置基於大小。在這種情況下，左邊的值在(a-500-600)/2和20（px）之間較高。

來源

2011-11-18 16:24:43

我想這可能是JS。謝謝！ – Slick23

如何創建相對內聯樣式？

回答

相關問題