不使用100％寬度的柔性排水溝？

所以，我正在設計一個固定的寬度。我只想讓排水溝變得靈活。所以，我試着用100％寬度的父div。正如你在這個小提琴看到：不使用100％寬度的柔性排水溝？

http://jsfiddle.net/P3Ckk/115/

是我的本意是爲的是與固定的div發生（「NAV」格）的情況發生。當用戶窗口變得太小時，我希望100％的寬度在固定寬度的元素（在這種情況下是1000px）上摺疊，並啓用水平滾動。

但是，我的父寬度：100％不像那樣的相對定位。無論屏幕停止，「頂部」「標題」和「容器」都會停止。我想這是100％，但它留下了固定寬度的內容溢出這些（現在）較小的父div！

此外，當垂直滾動條出現故障時，問題也會顯示出來。垂直滾動條的區域被認爲是100％，剩下的則留空。這也創建了一個水平滾動條來查看這個「額外」部分。

這裏最好的解決方案是什麼？我應該放棄我的父div 100％寬度的方法？

我試過讓這些100％的div有最小寬度：1000px，但這似乎不起作用。我只是有點難倒在這裏。

任何幫助表示讚賞。謝謝！

來源

2012-06-05 jstacks

我已閱讀過有關此。在可以在div寬度中使用100％之前，您必須將body和html標籤的css設置爲100％。

html,body{ 
width: 100%; 
}

否則它會停在任何設備上的屏幕邊緣。

來源

2012-06-05 21:48:14

這似乎並不奏效。但是，謝謝你的提示。 – jstacks

您可能遇到的另一個問題是使用浮動。出於某種原因，每當使用float時，它不會太在意它的父容器，並且可能會溢出它。我主要是遇到了這個問題。但是，我相信它也可能是一個寬度問題。 –

嗯...它不能浮動。那裏浮動的唯一元素是「cont」和「exsi」div。我刪除了整個「containerwide」div只剩下「nav」「top」和「title」......它仍然發生。 100％在屏幕寬度處停止並忽視孩子的固定寬度。它也不會停止最小寬度。固定位置div（「nav」）完美地工作......但這是固定的，我不能這樣做。也許靜態或絕對？但是，如果他們能夠工作，將需要看到如何改變這種立場。的Bleh。 – jstacks

不使用100％寬度的柔性排水溝？

回答

相關問題