fluid-layout

0熱度

1回答

在我提前給自己貢獻自己的意見之前，我要承諾犯罪分子的基本罪行並請求您提供某些東西，請接受無保護的道歉。但是在我的防守中，Outlook讓我受苦。這裏是我的代碼： <table class="100p" border="0" cellpadding="0" cellspacing="0" width="600" id="templateColumns" > <tr>

0熱度

2回答

Div和表格在Firefox中不能正常工作

我正在使用流體佈局通過Dreamweaver製作一個微型網站。在這裏面，我有我的表內標題和橫幅，像這樣一個div下：不幸的是，在： <div id="divHeader"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tbody> <tr> <td style="width

0熱度

1回答

流體網格父包裝中的固定位置div？

我已經建立了一個使用流體12列網格的網站。我想修正其中一個div的位置，當它到達頁面的頂部時（使用StickyJs或某些等效物）但是，當應用固定位置時，div會從DOM和它完全打破了網格結構，因爲div失去了它的父級格式。 https://jsfiddle.net/k4r00au0/ position: fixed; 有保持固定的滾動位置後的div位置和大小的方法嗎？我已經試過： widt

1熱度

1回答

表高度修正不適用於引導樣式的百分比佈局

我可能在這裏丟失了一些明顯的東西，但是當將流體佈局更改爲display:table和表格單元格時，我注意到了一個奇怪的效果。（如所描述的here，here所示here 嘗試顯示添加：表和表細胞細胞到現有的流體的佈局，並且行scrunches起來，實際上不會膨脹高度作爲一個例子，如果。你去http://odetocode.github.io/bootstrap-samples/samples/bo

0熱度

1回答

流體半流體液體的div

.mid{ margin:0 auto; max-width:10em; min-width:5em; border:1px solid red; } <div class='mid'>...</div> 此代碼創建一個居中的div會擴展至10em和縮小到5EM如果瀏覽器窗口是足夠小。幾乎所有我想要的。是否有可能在一行中創建三個div

0熱度

1回答

div中的虛線/圓形垂直線

我有一個div（父），其中我有三個主要元素： - 從div頂部到中間部分（到標題）的虛線， - 標題， - 虛線從中間到底部的div 問題是 - 如何使這些虛線（作爲與背景div）工作，並使其高度適應屏幕高度？我有這樣的小提琴： http://jsfiddle.net/5wo01f1y/4/ 一塊我的代碼： <section id="whatwedo"> <div class="c

2熱度

1回答

Drop floats--基本的CSS佈局問題

我正在爲一個令人沮喪且深刻的CSS問題摔跤，這個問題由下圖所示，以及一個js小提琴here。我試圖通過浮動塊元素來實現流體網格佈局，這些元素由百分比寬度和不同高度定義，這將線性化 - 即在某個斷點處更改爲width: 100%（在小提琴中有最大寬度爲768px的媒體查詢）。請注意，我需要塊以線性化的方式將兩個主要的colunmns「編織」在一起，如小提琴中所示。正如我的圖中的「新聞/發言」塊所表明

1熱度

3回答

非流體容器內的自舉流體容器

由於此question已過時，我的問題是如何在非流體容器內創建fluid row。我想有一個非流體容器作爲我的默認佈局，但是我放置的地圖，我需要它是全寬度非流體。這裏是我的html： <div class="container"> <div class="row-fluid"> <div id="map-canvas" class="container-fluid"></

0熱度

1回答

流體兩列表格佈局，不會並排定位表格

對不起我的新手編碼，因爲它是數百個電子郵件佈局的科學怪人混合，但有人可以告訴我爲什麼我的table佈局不顯示圓柱表側逐側？這是兩個td元素與類名container-small在50％width不會並排放置。我沒有使用float或divs。是否因爲它們應該是同一個td的一部分時它們是單獨的表？請隨時提出其他修改/建議，以便我可以改進我的佈局。左列必須完全是283px，但右列可以是100％流體。這

0熱度

1回答

縮放固定大小的頁面到屏幕的寬度？

在適用於Android的Chrome 40上，縮放固定寬度的頁面以適合屏幕寬度很簡單。一個使用viewport meta標籤，並指定內容的寬度，並禁止用戶縮放：在火狐OS 2.2模擬器相同的代碼確實不工作：如何在Firefox OS瀏覽器中將固定寬度內容適合屏幕寬度？代碼： index.html： <!doctype html> <title>Viewport test</title>