fluid-layout

0熱度

2回答

我想知道如果有人能更深入地瞭解以下網站的設計風格： http://mailchimp.com/goes-with-you/ 我想元素如何一定保持不變，而其他人是敏感的，並出現在圖層等基本上我想了解更多關於這種佈局風格，它叫什麼，我想知道如果任何人都可以提供一些鏈接到一些在線資源，去一點點進一步到類似的設計。任何信息將非常感激。謝謝！

0熱度

1回答

流體佈局重新排列小屏幕上的容器位置

我有一個流體佈局，有三個容器，分別爲A [左邊欄]，B [主容器]，C [右邊欄]。它適用於所有屏幕尺寸，並且完美地排列，像一個在另一個A之下，然後B和最後一個C（使用媒體查詢）。但我的要求是安排像B，然後A/C。我希望我的主要容器來到頂部，然後是側邊欄。我相信這一定是可能的使用CSS/JQuery和有人會做到這一點，但我得到它的解決方案。任何幫助將不勝感激。

0熱度

2回答

增加DIV作爲其含量增加

我有我的HTML結構是這樣的： <div id="pagewrap"> <div id="header"> </div> <div id="content"> <div id="left"></div> <div id="right"></div> </div> <div id="footer"></div> </div>

0熱度

1回答

如何將depthgrid「響應流體」風格推到右側？

我正在使用深奧的網格框架來構建響應流體網格佈局。基本上我想要實現的是創建一個包含6列的佈局，其中菜單容器位於左側，列寬爲1，內容位於右側，列寬爲5列。在內容中，我有一個也是流動的嵌套網格。我有網格工作作爲響應流體例子可以在這裏找到：http://www.profoundgrid.com/examples/fluidresponsive.html 的SCSS代碼我是這樣的： #row{

0熱度

1回答

如何讓我的導航附着在這個流體圖像上？

我使用989px（最大圖像大小）以下的媒體查詢爲我的背景圖像創建了一個斷點。我不使用顯示圖像，因爲我想爲不同的設備使用不同的圖像（所以移動設備當然不會下載最大的圖像）。（每個圖像都在特定的斷點中定義）。只是說它早，這是住在http://www.glorkianwarrior.com 這樣做的CSS並不像這樣： .splash { max-width: 988px; margi

0熱度

2回答

以側邊欄爲中心的以流體爲中心的內容塊

我在這裏拉我的頭髮。試圖想出一個簡單的響應式佈局，其中兩個流體盒彼此相鄰排列。主盒子必須始終位於瀏覽器窗口中央，而另一個則應在其右上角對齊。請參見下面示例圖像 - 嘗試涉及負百分比和三列布局的人造不同的方法，但它只是不工作。

0熱度

3回答

在css流體佈局上保持比例

我已經將百分比設置爲我的佈局，但是我的div包含需要保持比例的圖像。例如，我已經計算出mantain 2：1，所以width = 300px，height = 150px。我如何才能做到這一點只與CSS？我可以讀取百分比並將其分爲2？

1熱度

1回答

固定寬度的邊欄與啓動時響應主分區2.3.2

我試圖獲得一個固定寬度的邊欄與響應主分區時使用引導2.3.2。事情是這樣的圖像下方 Ived試圖用200px固定寬度的DIV，然後把它旁邊流體格，但不可能得到它的工作。有任何想法嗎？ ive在這裏提出了一個問題的小提琴 - http://jsfiddle.net/KAfMB/1/

1熱度

1回答

底部對齊流體佈局中的右div元素

請問，任何人都可以提供幫助嗎？無論窗口如何調整大小，我都需要將我的RH圖像導航調整爲始終位於瀏覽器窗口的底部。我已經創建了一個父.container（最大寬度800像素）與3- div的內部的流體佈局： - 桅在頂部 - 兩個並排側柱的div（66:33）的下方在桅 LH：是型主體左對齊列， RH：導航右對齊柱 - 我需要的底部對齊然後終於頁腳div（主容器外部，跨越整個瀏覽器寬度）。我的問

0熱度

2回答

設定最高高度列出流體寬度內容

我有以下http://jsfiddle.net/4G33W/1/ 這是流動的，因爲它是和工作正常，但是當更多的項目加入到#commentWrapper列表，它打破了佈局它推動整個事情「向下」。要測試複製一些<li>test</li>項目，你會明白我的意思。我希望輸入框保持在底部（因爲它是atm），當列表變得足夠長並達到它時，列表應該進入「overflow-x：auto」模式。我不能使用固定的高