问题标签 [overflow]

我不确定如何在 CSS 中实现某种效果。我有以下 HTML：

滚动条在滚动条中加载一个图像，其宽度为：715px；

[ [1] ]

当用户单击该图像时，第二个图像会动态附加到第一个图像：

[ [1] [2] ]

而且，当单击第二个时，会发生同样的事情（依此类推）：

[ [1] [2] [3] ]

现在，这里是我需要帮助的地方。当点击系列中的最后一张可见图像时，前面的图像应向左滚动，为新图像腾出空间，将第一个图像放在视野之外，并将新图像放在最后，如下所示：

[[2][3][4]]
<-------------->

这会无限期地进行 - 每次单击最终图像时，前面的图像都应滚动到左侧，将新图像放置在 DIV 内的最右侧视图中。

[[3][4][5]]
<-------------->

我玩过下面的 CSS（你看到的是我最近尝试的状态）。我能够实现的是：

1）图像连续构建，然后在第四张图像超过 715px 标记时溢出（向右）。不是我想要的。

2）下面的CSS“做”做我想要的（有点） - 它从DIV的左侧开始，然后工作到715px标记并开始将图像（向后）推到左侧并移出视图 - 总是将最近的图像留在 DIV 的最右侧并在视图中。问题在于订单被翻转（我认为，由于 RTL）。我试图用 text-align:left 来欺骗它，但这似乎没有任何作用。

有任何想法吗？建议表示赞赏。谢谢。

当 ItemsControl 中的项目溢出其容器时，如何使用触发器交换模板？

在我当前的实现中，我想根据 ItemsControl 的当前状态是否显示一个更简短的模板形式，如果滚动条可见性设置为 Auto，内容会导致 ScrollViwer 的滚动条出现。因此，我对 ScrollViewer 或 ItemsControl 上的任何属性都感兴趣，这可能会给我一个关于它是否溢出它的 ScrollViewer 的线索。如果我必须使用一些自定义 ValueConverter 来创建一个合理的布尔值来绑定，我想这也可以。

我正在使用 Raphaël—JavaScript 库来创建一些饼图图形，但我想将包含的 SVG 元素的溢出设置为可见，以允许内部图形显示在其容器之外。使用普通 dom 元素（溢出：可见；）的方式似乎不适用于 svg 容器。有没有人有这方面的经验或知道如何补救？

干杯

页面的主要结构是这样的：

我使用 JQuery 使#Menu 中的 H1 元素可单击，以便所有其他 UL 都被卷起，而 H1 之后的 UL 被卷下。我想独立于#Menu 滚动#Main，如果需要，我想在#Menu 的每个UL 中使用滚动条。这是相关的CSS：

这正是我想要的方式。#Main 区域是可滚动的，每个 UL 展开时，如果内容多于包含的 #Menu DIV 可以包含的内容，则会获得一个滚动条。

唯一的问题是我必须指定包含 #Menu DIV 的 87% 的高度，这仅适用于我的屏幕大小、窗口大小和字体大小的组合。有没有办法在不硬编码每个 UL 的高度的情况下达到相同的效果？

如果你喜欢，你可以看到页面。我会发布指向 CSS (/musicdb.css) 和 JS 代码 (/musicdb.js) 的链接，但我不允许。如果要查看源代码，可以通过在 URL 中添加 ?mode=xml 或 ?mode=html 来切换内容类型，并在 IE 或 Firefox 中查看。

我可以在 Scala 中设置演员邮箱的最大大小吗？

以生产者-消费者问题为例。使用线程，当缓冲区填满时，我可以阻止生产者。我看到了几个用 Scala 编写的生产者-消费者示例，它们都使用带有邮箱作为“缓冲区”的参与者。我可以设置邮箱大小以使生产者等待消费者准备好吗？还有其他优雅的解决方案来避免邮箱无法控制的增长吗？

我是 HTML 和 CSS 的新手，我正在尝试设计一个网站，其中大部分文本将在屏幕上的框中。

每个框的颜色都不同，并且包含的​​文本比直接可见的要多

我的问题

我可以使滚动部分的背景颜色，即两个箭头之间的位与现有的背景颜色匹配吗？

如果我什至可以更改实际滚动条的颜色，那就更好了

最后，我可以摆脱水平滚动条，因为它不是必需的吗？目前它使我的盒子底部有一条白色带

ie6 错误的本质（下拉条目必须通过隐藏溢出来截断，以防止 ie 错误地扩展而不是充当溢出：可见）可以在下面的屏幕截图中的当前（hacky）形式中看到，并且在站点http： //zd-cms.com

错误（ie6）：

http://img249.imageshack.us/img249/352/screenshot68.png http://img249.imageshack.us/img249/352/screenshot68.png

右（FF、IE8、Chrome）：

http://img402.imageshack.us/img402/7208/screenshot69.png http://img402.imageshack.us/img402/7208/screenshot69.png

菜单条目应显示：

• 联系我们
• 经销商
• 支持
• 设计师服务

但是由于我无法溢出：可见工作或以其他方式模拟它，因此部分下拉菜单会被切断。目前，特定于 ie6 的样式表中的 css 是：

我尝试过的错误的一些解决方案：我知道 ie6 溢出：可见错误（根据此处：http ://www.positioniseverything.net/explorer/expandingboxbug.html ），它呈现溢出：可见无效。通读：在 IE6 中修复布局错误的策略？并尝试了一些技巧以使其真正充当溢出：可见，但没有任何效果。

现在，我将菜单的下拉部分设置为溢出：隐藏作为最后的解决方案，因为我无法让 ie6 让菜单以溢出：可见的方式运行。

指出 ie7 或 ie8 中导航的任何问题也将不胜感激。

建议？

我在 div 中有一个 img。我已将 img 设置为“float: right”，将 div 设置为“overflow: hidden”。因为 div 比 img 窄，所以我希望 img 的左侧部分被切断和隐藏，Firefox 中确实是这种情况。但是，IE 拒绝承认 img 的“float:right”属性，总是将 img 锚定到 div 的左侧并切断 img 的右侧部分。有解决此问题的方法吗？还是我做错了什么？

**背景资料

我想这样做的原因是因为我希望 img 以 jquery 的“盲”效果出现（从左到右），然后以类似的盲效果消失（同样，从左到右）。

jquery 的默认盲效果不处理从左到右的消失。我猜这是因为某些模式（隐藏与显示）和某些方向（左与右或上与下）组合需要额外移动 div 的左上角位置。让我用一个例子来演示。假设我们想让一个图像从左到右出现，并带有盲目效果。嗯，这很简单，我们只是将div溢出设置为隐藏，图像向左浮动，然后将div的宽度从0更改为图像的宽度。另一方面，如果我们现在想让图像从左到右消失并产生盲效果，我们必须将图像设置为向右浮动，并将 div 的宽度从图像宽度缩小到 0，同时轻推div的左上角向右，

我编写了代码来合并左上角的动作，它在 FF 中运行良好，但在 IE 中失败。因为 IE 不会尊重 float:right 而是坚持将图像锚定到左边，所以效果是 jquery 的“幻灯片”而不是“盲”动画。

我有一个不随其下方内容滚动的可变高度标题。内容将像普通网页一样，溢出=自动，受限于视口的大小。

我还没有找到无表格的 CSS 解决方案，并且使用表格溢出无法正常工作 - 底部表格行不受视口高度 - 标题高度的限制。

这似乎是一个相当简单和普遍的问题。有没有人想出一个可行的解决方案？如果有帮助，我可以忽略 IE < 8。

我无法让我的桌子正常运转。内容不断溢出，我试图限制它并没有产生预期的效果。

这是我的标记：

然后我有一些风格。溢出了td's，但我没有任何运气设置他们的overflow to hidden/auto. hastable在包含表格的类中，我确实有更好的运气设置溢出。但我仍然无法让Firefox尊重width3 列的分布：30%, 35%, 35%. 我也尝试过设置min-width，但仍然没有运气。我在页面上有几个这样的表格，每个表格都有自己的宽度。这个桌子乱七八糟的有什么帮助吗？