如何防止div打包？

在嘗試問問題之前，我已經看過很多並且研究過很多。所以即時通訊使用960 css框架，他們提供我divs佈局我的網站。如何防止div打包？

的HTML是這裏....

<div id="header"> 
<div class="container_12"> 
    <div class="grid_5"> 
      EMPTY 
    </div> 
    <div class=" nav grid_7"> 
      EMPTY 
    </div> 
</div> 
</div>

兩個div元素坐在旁邊彼此很好的全尺寸屏幕上，但是當我調整的div元素的權屏幕包裹在它下面。我被告知要使用顯示內聯塊和空格沒有換行，但我不知道如何解決它，也不知道它是什麼意思。

有人會友善地爲我解釋它嗎？謝謝！

來源

2016-07-29 bc5803

考慮包括你的CSS。 *編輯：從不知道，只是讀你正在使用特定的CSS框架。 – M2tM

和jsfiddle會幫助 –

.container_12 {min-width：960px; }應該這樣做。 –

也許使用Flexbox的東西......請注意，如果您希望將grid_5的flex設置爲「1 1 auto」，您還可以讓兩個div佔用相同數量的列空間。

.container_12 { 
 
    display: flex; 
 
    flex-direction: row; 
 
    flex-wrap: nowrap; /* Note that this is actually the default value... just putting here for educational purposes */ 
 
} 
 
.grid_5 { 
 
    flex: 0 0 auto; 
 
    } 
 
.grid_7 { 
 
    flex: 1 1 auto; 
 
    }

<div id="header"> 
 
<div class="container_12"> 
 
    <div class="grid_5"> 
 
      EMPTY 
 
    </div> 
 
    <div class=" nav grid_7"> 
 
      EMPTY 
 
    </div> 
 
</div> 
 
</div>

來源

2016-07-29 19:24:35 k2snowman69

960網格系統不響應，並假定的960個像素的最小容器寬度。所以，你真正需要做的是將其添加到您的CSS：如果你想要一個負責任的電網系統

.container_12 { min-width: 960px; }

，我建議你熟悉Bootstrap。

來源

2016-07-29 19:29:24

如何防止div打包？

回答

相關問題