是否可以在不影响身体滚动条的网站上设置div？

Question

我的网站宽1000像素，居中。我有一个div，在居中的1000px div内，左边是500px，宽度是700px。 div通过200px向右溢出1000px div。

一切看起来都不错，但在较小的显示器上，溢出的div会在底部创建一个滚动条。

是否可以将这个溢出的div标记为“不添加到可滚动区域”？

如果屏幕上有足够的空间，我只希望这个div的溢出部分可见。

**添加了一张图片来帮助描述问题。

** Added js fiddle here＆lt;＆lt;不得不使用bit.ly因为它不会让我发布jsfiddle

Answer 1

您应该使用百分比的高度和宽度。通过使用它，它将适用于每个分辨率和div永远不会滚动。 喜欢

div.body{
   width: 100%
   margin: 0 auto;
}

您能告诉我您的HTML DOM结构究竟是什么吗？

Answer 2

将此CSS添加到溢出的div中。任何溢出div的东西都不会显示在较小的监视器中。

overflow: hidden;

Answer 3

将overflow:visible;添加到宽度为1000px的div中。这将使700px宽度div的部分延伸到黄色div上方。

阻止滚动条将overflow:hidden;提供给body标签。但如果屏幕宽度小于1200px，则右侧部分将被切断。无论如何要试试这个。