問題タブ [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.

0 投票する
1 に答える
279 参照

algorithm - 煙による経路探索

以前、煙(一般的な流体)を含むシミュレーションによる経路探索に関する論文を見つけました。誰かがこのようなものを読んだことがありますか? 論文名も著者名も思い出せません。このような紙をご存知でしたら教えてください

0 投票する
7 に答える
668 参照

algorithm - 2Dグリッド上で膨張するガスをモデル化するためのアルゴリズム

私は簡単なプログラムを持っています。その中心には、おそらくガス濃度を表す2次元のフロートの配列があります。私は、雲のように外側に広がるガスをモデル化して、最終的にはグリッド全体で同じ濃度のガス。

たとえば、特定の状態の進行は次のようになります。(簡単にするためにintを使用)

開始状態

00000
00000
00900
00000
00000

アルゴリズムの1パス後の状態

00000
01110
01110
01110
00000

もう1つのpasは、すべて値0.36(9/25)を含む5x5グリッドを与える必要があります。
私はそれを紙で試しましたが、どのように試しても、これを行うためのアルゴリズムに頭を悩ませることはできません。

だから私の質問は、このアルゴリズムをコーディングしようとするとどうしたらいいのかということです。畳み込みを適用し、各グリッドセルを順番に取得して隣接するグリッドセルに配布するなど、いくつかのことを試しましたが、最終的には当初よりもガスが少なくなるなど、望ましくない影響があります。または、ガスの動きのすべてが、中心から外側に広がるのではなく、一方向になります。私は本当に頭を悩ませることができず、助けていただければ幸いです。

0 投票する
5 に答える
213 参照

javascript - 流体要素とオーバーフローの質問

これが私がヒットした切り株です。

私は...モノを設計しています。ブラウザー ウィンドウに合わせてサイズが変更され、いくつかのコントロールが上部にあり、かなり大きなリストが下部に表示されます。とにかく、これは基本的にブラウザー ウィンドウに合わせてサイズ変更されるテーブル セルであり、そのサイズはドキュメント サイズ (高さ 130 ピクセル、ドキュメント サイズ - 幅 50 ピクセル) です。私がやりたいのは、そのセル内のもののリストがセルよりも大きい場合、cssのoverflow: autoを使用してスクロールすることです。

問題は、それを行うことができず、ドキュメント全体がスクロールするだけであることです。現在、セルには valign:top 以外のプロパティはなく、(リスト要素が書き込まれる) 単一の div があり、overflow:auto に設定されています。ただし、リストが長くなりすぎると、ドキュメント全体が拡大されるだけです。

ページのサイズに合わせてサイズを変更するため、静的サイズを指定したくありません。

何か案は?

ありがとう!-デイブ

0 投票する
3 に答える
1444 参照

css - 960.gs を使用する Web サイト 100% の画面幅を満たす div を担当する css ルール

こんにちは、私は CSS を学ぼうとしており、実際にどのように機能するかを学ぶために Web サイトのソースを調べています。先日960グリッドシステムに出会い、960gsフレームワークを使った本当に美しいサイトデザインを見つけました >> OneHub

この段階では、CSS をよりよく理解するまで、CSS フレームワークを使用することはあまり賢明ではないと思います。だから私の質問は、ブラウザの幅に合わせて拡大する背景を持つウェブサイトの中央にコンテンツボックスをどのように達成したかに関するものです.

firebug をインストールしましたが、サイトの div の理由がわかりません。#gutter、#navigation はブラウザの幅全体に拡張されます。これらの div が幅の値をどのように計算しているかわかりません。これは、どの子要素も十分に大きくないか、これらの div を強制的に大きくするルールを持っていないように見えるためです。

幅が 100% である理由がわかりません。CSS のどこかにマージン自動ルールまたは幅 100% が指定されているはずですが、見つかりません。960gsを使っている他のサイトも同じようなことをしているかもしれませんが、デザインがいいと思うので参考にさせていただきました。

私の質問が理にかなっていることを願っています。これについて何か助けてくれてありがとう

0 投票する
1 に答える
1539 参照

css - CSS ヘルプ、流動的なメニューの作成

このメニューについては以前に助けてもらいましたが、今は別のリクエストがあります。

メニューは固定幅で問題なく動作しますが、一番上のメニュー カテゴリでのみ単語を折り返す必要があります。n 個のカテゴリを持ち、幅を均等に分散できるようにする必要があります。明らかに、n は妥当な範囲内です (50 のカテゴリを作成する予定はありません) が、さらに追加できるようにする必要があり、幅の制限に達することを心配する必要はありません。

助けてくれてありがとう。

リンク:

http://www.seth-duncan.com/Test/TestMenu.html

-セス

0 投票する
1 に答える
582 参照

css - 表示間の垂直間隔:流動グリッド内のインライン div

わかりました、どこから始めればよいかわかりません...

私は自分自身をブロガーにまとめ、css を完全に破壊し、単純なコンテンツ マネージャーとして使用しています。ここに私が取り組んできたテストサイトがあります http://jamesparishtestblog.blogspot.com/

ヘッダーは無視してください。壊れていますが、そこで何をしているのかはわかっています。私の問題は、映画のレビューにあります (アップルの予告編から一時的なコンテンツとして盗まれました)。ページのサイズを変更すると、さまざまな長さの行に流動的に流れます。すごい!問題は、2 番目の行 (したがって 3 番目、4 番目など) が、上の行で最も長い (最も低い) div の下部に垂直に配置されることです。ただし、各 div が 15 ピクセル離れて上の div の下にきちんと収まるようにし、別の div が展開された場合 ([続きを読む...] をクリックして) きれいに流れるようにします。

一番上の行に最新の投稿を並べて含める必要があるため、div を列に配置することはできません (列を使用すると、左側で互いに下になります)。

記事を拡張する必要があり、目的のデザイン全体を意図的に不一致にする必要があるため、div の高さの設定も除外されます。

これは何時間も私を悩ませてきました。私は自分自身を明確に説明し、誰かが助けてくれることを願っています.

御時間ありがとうございます。

0 投票する
3 に答える
179 参照

css - CSS 列 Divs ヘルプが必要

左の列の幅が固定で、高さが 100% (右の列が何であれ) で、右の列の幅が流動的なページ レイアウトを構築しようとしています。いろいろな方法を試してみたのですが、うまくいかないようです..

これが私のコードです:

そして私のcssは:

誰かが私を助けることができれば、それは素晴らしいことです:)

0 投票する
2 に答える
4434 参照

css - 流動的なグリッド レイアウト jQuery

http://phase-change.org/jquery.gridlayoutを使用して、レイアウト内のいくつかの div の流動的なレイアウトを実現しています。

メインメニューを含む右側のdivを保持する必要があり、残りはコンテンツdivのみです。

メニューをフローティングさせたり、グリッド要素をメニューに合わせたり、幅のために再配置したりせずに右側のメニューを維持する方法がわかりません。それらは単に重なっています。

私のコードは次のとおりです。

HTML:

CSS:

< head > と < /head > の間の私の JavaScript:

私はJavaスクリプトについてあまり知識がなく、そのように実装する方法を探し始めることさえ本当に知りません。

ありがとうございました。

0 投票する
3 に答える
2334 参照

html - オプションのサイドバーを備えた流体コンテンツdiv

私が見たさまざまなCSSレイアウトモデルで対処されていない質問があるので、ここに投稿しようと思いました。

基本的な流体/固定2列レイアウトを使用するサイトで作業しています。サイトのコンテンツは左側のdivにあり、サイドバーは右側にあります。サイドバーの幅は200ピクセル程度に固定されており、コンテンツは親の残りの幅を埋めるために拡張されます。

コードは次のようになります。

これはかなり標準的なアプローチであり、ほとんどの場合正常に機能しますが、問題は、サイトのデザインでサイドバーが特定の場合にのみ表示される必要があることです。すべてのHTMLはPHPを介して生成され、「get-content()」関数は「get-sidebar()」関数が呼び出されるかどうかを認識しません。

サイドバーが呼び出されたら、サイドバー用の十分なスペースを残しながら、コンテンツを拡張して親divを埋めたいと思います。サイドバーがない場合は、コンテンツが親の幅全体に広がるように拡張する必要があります。

PHP / JavaScriptに依存せずに、CSSでこれを行う方法はありますか(おそらくコンテンツマージンに「自動」を使用します)?

0 投票する
3 に答える
3594 参照

list - 要素を固定幅の div に広げますか?

要素を広げる方法はありますか (例: <ul> 内の <li>)、div 内ですか?

EG: 私は 3 つの要素を持っているので、それらはすべて 30% になります。

EG: 私は 5 つの要素を持っているので、それらは 20% になります。

これを行う最善の方法は何ですか?