1

所以,我正在设计一个固定的宽度。我只是希望排水沟灵活。所以,我尝试只使用 100% 宽度的父 div。正如你在这个小提琴中看到的:

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

我的意图是让固定 div(“nav”div)发生的事情发生。当用户窗口变得太小时,我希望 100% 的宽度折叠在固定宽度的元素上(在本例中为 1000 像素)并启用水平滚动。

但是,我的父 width:100% 不能像相对定位那样工作。“top”、“title”和“container” div 都停在屏幕停止的地方。我想这是 100%,但它使固定宽度的内容溢出这些(现在)较小的父 div!

此外,当垂直滚动条下降时,问题也会出现。垂直滚动条的区域被认为是 100%,其余部分留空。这也创建了一个水平滚动条来查看这个“额外”部分。

这里最好的解决方案是什么?我应该放弃我的父 div 100% 宽度方法吗?

我试过让这些 100% 的 div 具有 min-width:1000px,但这似乎不起作用。我只是有点难过。

任何帮助表示赞赏。谢谢!

4

1 回答 1

0

我以前读过这个。在您可以在 div 宽度中使用 100% 之前,您必须将 body 和 html 标签的 css 设置为 100%。

 html,body{
 width: 100%;
 }

否则它将停在任何设备的屏幕边缘。

于 2012-06-05T21:48:14.567 回答