问题标签 [fluid]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
algorithm - 烟雾中寻路
我曾经发现一篇关于通过涉及烟雾（一般是流体）的模拟来寻找路径的论文。有没有人读过这样的东西？我不记得论文的名字或作者的名字。如果你知道这样的论文，请告诉我
algorithm - 在二维网格上模拟膨胀气体的算法
我有一个简单的程序，它的核心是一个二维浮点数组，据说代表气体浓度，我一直试图想出一个简单的算法来模拟向外膨胀的气体，就像一朵云，最终得到电网各处的气体浓度相同。
例如，给定的状态进程可能是：（为简单起见，使用整数）
起始状态
00000
00000
00900
00000
00000
1 次算法通过后的状态
00000
01110
01110
01110
00000
再过一次应该给出一个 5x5 的网格，所有网格都包含 0.36 (9/25) 的值。
我已经在纸上进行了尝试，但无论我如何尝试，我都无法理解算法来做到这一点。
所以我的问题是，我应该如何着手编写这个算法？我已经尝试了一些方法，应用卷积，尝试依次获取每个网格单元并将其分配给它的邻居，但它们最终都会产生不良影响，例如最终使用的气体比我最初开始时少，或者所有的气体运动都在一个方向上，而不是从中心向外扩展。我真的完全无法理解它，并且非常感谢任何帮助。
javascript - 流体元素和溢出问题
所以这是我碰到的一个树桩。
我正在设计一个……东西。它根据浏览器窗口调整大小，顶部有一些控件，底部附近有一个相当大的列表。无论如何，它基本上是一个与浏览器窗口大小一致的表格单元格，其大小是文档大小 - 高度为 130 像素，文档大小 - 宽度为 50 像素。我想要它做的是，当该单元格内的内容列表大于该单元格时，它会使用 css 的溢出变为滚动：自动。
问题是我无法做到这一点，只能让整个文档滚动。目前，该单元格除了 valign:top 之外没有其他属性，并且其中有一个 div（列表元素写入其中），并且它设置为 overflow:auto。但是，当列表变长时，它只会放大整个文档。
我不想给它一个静态大小，因为它与页面一起调整大小。
有任何想法吗？
谢谢！-戴夫
css - 网站使用 960.gs 什么 css 规则负责 div 填充 100% 屏幕宽度
嗨，我正在尝试学习 CSS，并且一直在查看网站的来源以了解它在实践中的工作原理。前几天偶然发现了960网格系统，发现一个非常漂亮的网站设计是使用960gs框架>> OneHub
在这个阶段，在我对 CSS 有更好的理解之前，我认为使用 CSS 框架对我来说并不是很明智。所以我的问题是关于他们如何在网站上实现居中的内容框，背景填充以扩展到您的浏览器宽度。
我安装了萤火虫，但我不知道为什么他们网站上的 div 如此。#gutter, #navigation 将扩展以填充整个浏览器宽度。我看不到这些 div 是如何计算它们的宽度值的，因为似乎没有一个子元素足够大，或者没有一个规则会迫使这些 div 变大。
我不明白宽度是 100%，我本来希望在 CSS 的某处看到一些边距自动规则或宽度 100%，但我找不到它。其他使用 960gs 的网站可能也在做同样的事情，但我只是将这个网站用作参考，因为我认为它的设计很好。
我希望我的问题是有道理的，并感谢您对此提供的任何帮助
css - CSS 帮助，使菜单更流畅
我之前在这个菜单上得到了一些帮助，但现在有不同的要求。
菜单在固定宽度下可以正常工作，但我希望单词仅在顶部菜单类别中换行。我需要能够有 n 个类别并且宽度均匀分布。显然 n 在合理范围内（我不会有 50 个类别），但我需要能够添加更多而不担心达到我的宽度限制。
谢谢你的帮助。
关联：
http://www.seth-duncan.com/Test/TestMenu.html
-赛斯
css - 显示之间的垂直间距：流体网格中的内联 div
好吧，不太清楚从哪里开始......
我把自己组合成一个博主，完全把它的 css 去掉，只是把它用作一个简单的内容管理器。这是我一直在使用的测试站点 http://jamesparishtestblog.blogspot.com/
忽略标题，它坏了，但我知道我在那里做什么。我的问题是电影评论（从苹果预告片中偷来的临时内容）。当您调整页面大小时，它们会流畅地流入不同长度的行。伟大的！麻烦的是，第二行（因此是第三、第四等）垂直对齐到上一行中最长（最低）div 的底部。但是，我希望每个 div 都整齐地放在上面的下方，相距 15px，并且如果另一个 div 展开（通过单击阅读更多...），则可以整齐地流动。
排除将 div 放在列中的情况，因为我希望顶行并排包含最新的帖子（在左侧，它们将在另一列下方）。
也排除了 div 的设置高度，因为文章需要扩展，并且对于完整的所需设计，故意不匹配。
这一直困扰着我几个小时。我希望我已经清楚地解释了自己，并且有人可以提供帮助。
谢谢你的时间。
css - 需要 CSS Column Divs 帮助
我正在尝试构建一个页面布局，其中左列具有固定的宽度和 100% 的高度（无论右列是什么），而右列具有可变宽度。我尝试了各种方法，但似乎无法做到正确..
这是我的代码：
我的CSS是：
如果有人可以帮助我，那就太好了:)
css - 流体网格布局 jQuery
我使用http://phase-change.org/jquery.gridlayout在我的布局中实现了几个 div 的流畅布局。
我需要在右侧保留一个 div，其中包含我的主菜单，其余的只是内容 div。
我无法弄清楚如何在不浮动菜单或使网格元素尊重菜单并由于其宽度而重新排列的情况下维护右侧的菜单，它们只是重叠。
我的代码如下：
HTML：
CSS：
我在 <head> 和 </head> 之间的 JavaScript：
我对java脚本不是很了解，我什至不知道要开始寻找如何以这种方式实现它。
谢谢你。
html - 带有可选侧边栏的流畅内容 div
我有一个问题在我看过的各种 CSS 布局模型中没有找到，所以我想我会在这里发布。
我正在一个使用基本流体/固定两列布局的站点上工作。该站点的内容在左侧 div 中，在右侧的侧边栏中。侧边栏固定宽度为 200 像素左右，内容扩展填充父级的剩余宽度。
代码如下所示：
这是一种非常标准的方法，并且在大多数情况下都可以正常工作，但问题是网站的设计要求侧边栏仅在某些情况下出现。所有的 HTML 都是通过 PHP 生成的，“get-content()”函数不知道“get-sidebar()”函数是否会被调用。
当侧边栏被调用时，我希望内容展开以填充父 div，同时为侧边栏留出足够的空间。如果没有侧边栏，则内容应展开以填充父级的整个宽度。
有没有办法用 CSS 做到这一点——也许使用“自动”作为内容边距——而不依赖于 PHP/JavaScript？
list - 在固定宽度的 div 上展开元素？
有没有办法在 div 中展开元素（例如：<li> 在 <ul> 中）？
EG：我有 3 个元素，所以它们都得到 30%
EG：我有 5 个元素，所以他们得到 20%
做这个的最好方式是什么？