基于平铺的布局与溢出

我想要显示游戏的基于图块的地图。我目前的做法是有一个固定大小的div，并将绝对定位的较小div放入该外部div。如果在给定坐标的地图上有东西，我在该位置设置div的背景图片。（见http://dungeonpilot.com）基于平铺的布局与溢出

现在我不想让外部div被固定大小。我想内部div使用整个浏览器空间。我想我可以通过将宽度和高度设置为100％来实现此目的。但是，如果我使浏览器窗口变小，以至于内部的一些图块不再可见，我希望看到滚动条。但不知何故，既没有为外部div设置溢出为auto，也没有为文档主体设置溢出。

在哪里以及如何设置溢出属性以获得预期的行为？

来源

2012-12-11 Torsten Robitzki

找到解决方案！将＃

overflow: scroll;

应用到#masters_view和#party_view div。告诉我，如果它的工作。

来源

2012-12-11 09:38:19 aNewStart847

不幸的是，这并不适用于我;既不在Safari中，也不在Firefox中。但这是我最初尝试的。 url只是一个例子，两个例子地牢都有一个固定大小的div。我现在想要设计的地下城景观就是这样一个景观，当越来越多的地牢被揭示时，这个景观的大小会变大。如果显示的地牢超过了包含的浏览器窗口，我想要“原生”滚动条。 –

您可以发送实时预览吗？也许codepen.io？你可以尝试最小宽度的地牢元素，但我不太了解使用的编码... – aNewStart847

我正在一个最小的例子... –

基于平铺的布局与溢出

回答

相关问题