fluid-layout

0熱度

1回答

我已經搜索瞭解決問題的解決方案，但無法找到答案。我有一個流體div，內部是文本和兩個堆疊的圖像顯示內聯。我希望文本在視口縮小時包裝圖像。在移動視口寬度處，圖像需要以100％寬度出現在文本下方，寬度也爲100％。我已經能夠在桌面寬度上堆疊圖像的唯一方法是將它們放置在具有設置寬度的浮動div中，並將圖像div放置在html中的文本之前。如果我在文本之後放置圖像div，則文本跨越桌面寬度處的容器寬

5熱度

1回答

根據高度保持div的寬高比

我必須保持div的長寬比相對於窗口大小的高度。我可以使用padding-bottom;或padding-top;關於寬度（X％）保持高寬比（x：y）。所以從這個比喻，我嘗試使用padding-left; .wrapper{ height: Y%, position: relative; } .wrapper:after{ padding-left: Y(x/

0熱度

3回答

錨的垂直中心文字與流體高度

我試圖做到這一點的實現：該容器height: 100%和li是height: 50%每一個。鏈接高度爲50％，整個彩色區域應該可點擊。這是我的代碼： html, body { height: 100%; } .menu { height: 100%; ul { height: 100%; li { height: 5

2熱度

1回答

固定DIV旁邊5流體DIV

我需要一個相當複雜的佈局。我已經嘗試了幾個小時來解決這個問題，但仍然沒有運氣。我需要5個流體DIV旁邊的固定格。所有流體DIV需要不同的百分比，但是所有6個DIV合併（1個固定+ 5個流體）必須等於父DIV的寬度。父div的高度將被固定。這是我想要的東西：http://i.imgur.com/u0L6hrz.png 但這裏是我現在所擁有的：http://jsfiddle.net/mnNzR/ 我

0熱度

1回答

混合液體和固定佈局 - 填寫動態空間

我最近發現，這是非常困難的混合流體和固定的版面，所以，當我終於想出了一個解決方案，香港專業教育學院現在已經有安靜了一段時間的問題，我不能不要抗拒，而要與過去幫助我的社區分享。我想下面的樣子：通過動態的空間，我的意思是它應該是非常多，當一個應用「margin:0 auto;」 CSS規則的包含分區一樣，白色的空間，左，右的元素是示例中的「動態空間」。我有6個要求：不得不響應。容器必須具有9

0熱度

4回答

我不能在流體設計中將3 div的寬度擴展到父母寬度的全部100％

我得到3個div，意思是坐在一條線上。它們的寬度是每個父元素的33％。看起來3個div並沒有延伸到33％，而只是與其中的文本一樣寬。如何使它們完全是父元素的100％（3x33％）？只有這個問題，因爲我正在使用流體佈局。這裏是鏈接到JSFiddle。 CSS .page_block { max-width: 1000px; min-width: 600px; ma

0熱度

1回答

TYPO3如何使子菜單使用我的樹結構？

如何使子菜單上使用我的樹結構這是我的樹結構 - Home - About Us - Example - List item - List item - List item ，這是我的Typo腳本 lib.content_menu = COA lib.content_menu { 10 = HMENU 10 { wrap =

0熱度

2回答

隱藏頁腳與JS的特定流體頁面

首先，「流體頁面」的含義是什麼？我的意思是一個長頁面被分成ID部分，這些部分將這些ID顯示爲頁面。它的最基本的結構是這樣的： <div class="mainnav"> <ul> <li><a href="#page1">PAGE 1</a></li> <li><a href="#page2">PAGE 2</a></li> <li><a hr

4熱度

3回答

波本威士忌：如何擴大列以匹配外部容器？

我正在測試波旁整潔，我有一個外部容器內的兩列，我希望列是相同的高度（以至於最高的列高）。在短列上使用@include fill-parent不起作用，它只是使其與外容器一樣寬。我可以在JavaScript中做到這一點，但不能處理這個問題嗎？這裏是我的html： <section class="blog"> <article> <h1>How to set up Bourbon Ne

0熱度

1回答

用TS和流體分離標題和內容元素| Typo3

我用於項目流體模板引擎。在這裏，我想分離所有標題元素從後端（列正常）。我的想法是，在我的TS寫下面的代碼： lib.pageHeadline = USER lib.pageHeadline{ [...] } ，並在頁面對象下面的代碼 10 = FLUIDTEMPLATE 10{ [...] variables{ [...] pageHe