骨架網格系統：使容器100％

是否有可能使根div（容器）100％的文檔？
這裏是我的代碼：骨架網格系統：使容器100％

<div class="container" style="width:100%;"> 
    <div id="topbar" class="sixteen columns" style="background-color:green;">topbar topbar topbar topbar topbar topbar </div> 
</div>

感謝

來源

2013-03-20 Creativity Paralyze

'div'總是100％（如果沒有被覆蓋）。 – 2013-03-20 19:52:14

您能否澄清您想要最終產品的樣子？或者現在看起來像什麼？ – brbcoding 2013-03-20 19:56:20

他使用了一個名爲Skeleton的響應平臺。他試圖重寫隨Skeleton一起提供的容器類，以使其具有完整的瀏覽器寬度容器，而不是僅限於1140像素的容器。他需要定義自己的風格才能做到這一點，而不是壓倒已有的風格。 – Michael 2013-03-20 19:58:06

你需要創建自己的容器類。我不知道骨骼響應平臺的css看起來像什麼樣的頭腦。我用一個叫Columnal，我知道這是類似的，所以它應該是這樣的......

.full-width-container { 
width: 100%; 
max-width: 100%; 
clear: both; 
margin: 0 auto; 
}

正常的CSS應該是這樣的.container { max-width: 1140px; width: 100%; clear: both; margin: 0 auto; }

來源

2013-03-20 19:56:19 Michael

我知道這個問題被問年齡前，但骨架有這方面的工具類。

基本上將.u-full-width和.u-max-full-width類別添加到類別.container的任何<div>。

只要確保它與.container類<div>元素，因爲它似乎不被意味着與.row或.column類<div>元素。

來源

2016-08-25 02:18:04 samuelkobe

我的Skeleton版本似乎已經太舊了，無法使用'.u-full-width'。幸運的是，CSS看起來很簡單：'.u-full-width {width：100％;盒子尺寸：邊框; }' – rinogo 2017-09-25 22:47:03

骨架網格系統：使容器100％

回答

相關問題