问题标签 [fluid]

有没有人遇到过或有 Jos Stam 的稳定流体的例子，但在 3D 中？我需要在 openGL 中追求这个的 3D 版本，但这样做的时间很糟糕。在 openGL/C/C++ 中是否有这样的例子？

我有一个从以下地址开始的网页：http: //digitalgenesis.com.au/my%20sites/Digital%20Genesis/

基本上我在 2 列布局之后使用 2 个流体容器，这些容器均匀地显示背景颜色到页脚。

然而，目前左列将仅显示文本数量周围的背景。下面列出了 2 列的代码及其包含的 div

我对如何让左栏显示红色背景全长页面感到困惑

我应该只使用固定宽度的侧边栏以使其更容易吗？

我正在使用http://www.designinfluences.com/fluid960gs/改造一个网站

Fluid 960 使用 MooTools 以及其他一些技术。

在加载实现 Fluid 960 Accordion 样式的页面时，如何使第一个以外的手风琴子菜单项呈现展开状态？<li>我尝试了and标签上的“当前”和“选定”类<a>，但它们不起作用。

我还在流体 CSS 的参考页面上注意到，他们的 Menu Accordion 在 Submenu 3 上有一个“活动”类，它似乎没有做任何事情。

现在要编写一个小示例代码，但我希望有人可以回答它。

我有一个隐藏在页面加载中的 div，并通过 jQuery 拉伸到 100% 宽度。动画很棒，但是内容会流畅地调整，直到它的容器（在可拉伸的 div 内）达到它的完整宽度。

以前内容没有变化，在对代码进行如此多的编辑后，我不知道是什么改变了这种行为！如何修复内容移动；在没有任何移动的情况下显示尽可能多的调整 div 的大小？具体问题是：

-#show_contact 锚点下降到它的两个姐妹之下，直到它有空间在同一行上 -#collections div 的边距：0 auto 受到 #show_contact 的短暂访问的影响

谢谢！

PS-这是它以前的样子/我现在想要的样子：http: //jsfiddle.net/ZP86m/

HTML：

CSS：

Javascript：

你们中有人知道具有流体宽度的 jQuery 图像轮播吗？

我发现了这个：http ://www.nikolakis.net/liquidcarousel/ ...但是当你降低速度时它看起来很糟糕。

此外，我希望它在鼠标向一个方向移动时被激活，滑块应该向另一个方向移动。顺便问一下，这叫什么？

先感谢您。

我应该如何使用 CSS 制作这个：

我想有 2 个divs或更多，它们width应该在 中percent，但 div 之间的边距应该是固定的，在这个例子中30px

对我来说，问题是两个 div 之间的边距，因为我可以将 div 放入更大的 div 并将左右填充设置为 30px，这没关系，但是我应该如何处理两个 div 之间的边距？

例如，如果我尝试添加到第一个 div margin-right:30px;，那么 div 的宽度70% + 30px将总体上大于 100%，并且第二个 div 将下降。

那么解决这个问题的方法是什么？

我正在寻找一些算法（或一些带有源代码的小程序/示例）来模拟 2D 容器（可以移动和旋转）中的流体。

我需要的一个例子是里面有一些水的 2D 玻璃杯，比如智能手机的 iBeer 应用程序。

我想用 HTML5 / CSS3 做以下事情（完全符合浏览器会很好，但不是完全必要的——到目前为止，我正在使用 firefox 4b12、safari 和 chrome 进行测试）：

我有以下html结构：

我想要做的是以下内容：

contentwrapper 设置位置固定，顶部 20，底部 20px（= 使用固定页眉和页脚之间的所有空间）。

旁边设置为 100% 高度（使用内容包装器的所有空间！）

child1 具有可变内容（可能由 CSS 或用户交互的 DOM 操作更改），因此它的高度设置为 auto 以相应地调整它的高度。

child2 也有可变内容。但我希望这个 div 使用所有可用的垂直空间，这些空间留在旁边并且不被 child1 占用。如果它的内容需要更多空间，则有一个 overflow:auto 必要时制作滚动条。

整个列之后是一个向右浮动的主要内容区域。不过，这应该与我的问题无关。

到目前为止我尝试了什么：

我不能将 child2 的高度设置为 auto 或 100% 或固定值（可能很大，没有滚动条，不知道用户窗口高度，...）。

我不能使用 position:fixed 和 top+bottom 值，因为这不会查看 child1，而是相对于一边呈现。

我不能使用 display:table，因为元素确实具有不适用于表格单元格的边框/格式。

我希望你能理解这个问题，也许有一个聪明的解决方案......

编辑：这是我的问题的截图：

在视图 1 中，您可以看到当视口足够高时发生的情况。

在视图2中，没有足够的空间，child2在页脚下向下滑动...

我想要的是那个 child2 可以得到所有的高度，但是滚动它的内容。

感谢您的帮助

塞巴斯蒂安

我的程序员很难让物理原理在 iPhone 游戏中用于流体模拟。基本上，他需要得到一滴水来不断地从屏幕上流下来，并在屏幕后面保持一条小路。他无法得到那种确切的“流动”外观。有什么建议么？示例代码？或任何帮助？:)

谢谢！

这可能真的很棘手！

这是我想要实现的目标：

这是我在 jsfiddle 上的测试代码

我已经尝试了各种各样的事情，但没有任何运气。问题是左右 div 的宽度都基于其中的文本宽度。我也不能让连接虚线位于左右 div 下方，并且只用背景颜色将其遮盖，因为网站的背景是渐变色。

至少在这种情况下，父 div 是固定的。

有什么想法吗？