問題タブ [positioning]

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 投票する
5 に答える
1754 参照

html - 右揃えのコンテンツによって隠される前に、HTML行のテキストがオーバーフローする

固定幅のコンテナ内の1行に表示されるテキストがあります。コンテナの幅内にテキストを含めることができない場合、オーバーフローは非表示になります。3つのステータスアイコンの任意の組み合わせが、コンテナの右側から配置されて表示される場合があります。これらのアイコンのいずれかが表示された場合、最初のアイコンが表示される前にテキストオーバーフローを非表示にして、テキストがアイコンの後ろに隠れて表示されないようにします。

アイコンの下に流れないようにテキストをオーバーフローさせるにはどうすればよいですか(理想的にはCSSのみを使用し、JavaScriptに頼る必要はありません)。

私が始めたCSSとHTMLの例(どちらも具体的に設定されていません)は次のとおりです。これは、望ましい結果も示すコードの実際の例です(データURIスキームを使用してCSSにインライン化された背景画像があるため、8より前のバージョンのInternet Explorerでは機能しないことに注意してください)。

CSS:

HTML:

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

css - CSS停止要素の高さが親よりも高くならないようにする

私はこの構造を概算します

<div> <div id='1'> </div> <div id='2'> </div> </div>

div 1のコンテンツが大きくなりすぎて、div 2がメインのdivに収まらない場合に、スクロールバーが表示され、親divの下部から何もプッシュされないようにします。

CSSでこれを行うにはどうすればよいですか?

編集:

親div(またはその親)には設定された高さがあります。この時点でオーバーフローを設定します。div1をスクロールすると、横にスクロールバーが表示され、下部を超えてしまいます。

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

css - divの幅を制限するIE7での絶対配置

私はこのためのドロップダウンメニューに取り組んでいます: http://www.heroicdreams.com/wordpress/elderFlashSite.html

他のすべてのブラウザーでは問題なく動作しますが、IE7 ではドロップダウンの幅がトップ リンクのサイズとマージンによって制限されています。ドロップダウンの幅を元の div サイズを超えて拡張できるようにするという点で、IE を他のすべてのブラウザーと同じように動作させる方法はありますか?

メニューの表示/非表示にjavascriptを使用しており、元のリンクと同じdiv内の各メニューにulを使用しています。

0 投票する
4 に答える
17006 参照

css - CSS で背景画像を保持しながらテキストを移動する

Y軸で繰り返される背景画像を含む「main_menu」divがあります。この div の上に、ヘッダーに使用される別の div があります。問題は、ヘッダー div に高さ約 75px の画像があることです。main_div の background-image が実際に始まる場所から約 50 ピクセル高い main_div のテキストを開始したいと思います。

私は次のようなことを考えていました:

これは本当にうまくいきません。問題は、背景画像を通常の場所に保ちながら、テキストを上に移動する方法です。

ありがとう

{編集}

ここにCSSがあります

これはhtmlです

ご覧のとおり、ヘッダーはかなり高くなっています。menu_main div のテキストを 50px ほど上から始めたいと思います

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

css - CSS-ポジショニング

を。画像 (960x7) b. div (幅:960、パディング:10)

(a) を上から 50px 中央に配置したいと思います。(b) を (a) の真下にスペースなしで配置したいと考えています。

私のCSSは次のとおりです。

私のHTMLは次のとおりです。

灰色の背景に丸みを帯びたエッジを持つ白いコンテナーを作成しようとしています。どうすればこれを簡単かつインテリジェントに行うことができますか?

0 投票する
4 に答える
188180 参照

css - div内に絶対を配置する方法は?

一連のdivを別のdiv内に配置する際に奇妙な問題が発生しています。画像で説明するのが最善だと思います。

画像

黒(#box)divの中には、同じ場所に配置する必要のある2つのdiv(.a、.b)があります。私が達成しようとしているのは最初の画像に描かれており、2番目の画像は私が得た効果です。divがクリアなどなしでフロートされたように見えますが、明らかにそうではありません。どんなアイデアでも大歓迎です!

このサンプルのコードは次のとおりです。

CSS:

HTML:

0 投票する
4 に答える
1605 参照

html - の間の空白を取り除く方法

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

html - ウィンドウのスクロールバーに従ってdivを移動します

ウィンドウが下にスクロールし、ウィンドウが上にスクロールすると上に移動する場合、divを下に移動したいですか? 実装方法は?

0 投票する
4 に答える
3124 参照

css - マージンはdivポジショニングでどのように機能しますか?

#contentdivはほとんどのWebコンテンツを保持します。以下に示すように、上マージンは280pxです。これは、サイトのヘッダー画像の高さであり、背景として「body」に配置されます(image / sky1.jpg)。

divをヘッダー画像の上に#content配置できるように、divをdiv#navigationの「マージン」の上にホルダーとして配置するにはどうすればよいですか?#Title

#content #top-floatdivのすぐ上のdivがその始まりでしたが、高さにさらに追加するたびに、「マージン」が影響を受けて下に押し出されます。

<div id="top-float></div>上記<div id="content"></div>をhtmlに入れてみました。これはどのように配置する必要がありますか?

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

c# - C# で HTML ボタンを動的に配置する

これは非常に単純であることはわかっていますが、この問題をグーグルで調べたところ、ボタンで使用できる同じプロパティが表示されません。私がグーグルで検索したことによると、Location プロパティを使用して HTML ボタンの場所を変更できるはずです。しかし、これは私にとって選択肢ではありません。C#でボタンの位置を動的に変更するにはどうすればよいですか? ASPX.CS ファイル内の関連コードは次のとおりです。

btnSubmit の位置を変更したい。ASPX ファイルでは、このボタンは次のように定義されています。