Question

所以，我正在设计一个固定的宽度。我只想让排水沟变得灵活。所以，我尝试使用100％宽度的父div。正如你在这个小提琴中看到的那样：

我的意图是固定div（“nav”div）发生的事情。当用户窗口太小时，我希望100％宽度在固定宽度元素上折叠（在本例中为1000px）并启用水平滚动。

但是，我的父宽度：100％与具有相对定位的宽度不同。 “顶部”“标题”和“容器”div都在屏幕停止时停止。我认为这是100％，但它留下固定宽度内容溢出这些（现在）较小的父div！

此外，当垂直滚动条关闭时，问题也会出现。垂直滚动条的区域被视为100％，其余区域留空。这也会创建一个水平滚动条来查看这个“额外”部分。

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

我已经尝试过制作这些100％div有min-width：1000px，但这似乎不起作用。我只是有点难过。

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

Answer 1

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

 html,body{
 width: 100%;
 }

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