css-position

0熱

1答えて

Firefoxでは、固定位置の子をクリックしたときに親要素がフォーカスを取得しません。

フォーカス可能な要素の中に固定要素があります。固定要素をクリックすると、親フォーカス可能要素にフォーカスが当てられます。 Chrome、Edge、IE11で動作しますが、Firefoxでは動作しません。 .focusable { background-color: red; width: 200px; height: 200px; } .

3熱

1答えて

メディアクエリの右側にナビゲーションバーを移動する

ブラウザウィンドウが一定のサイズに達したときにナビゲーションバーを右側の固定位置に移動しようとしています。下のコード（jsfiddleに示されている）を使って、htmlのサイズを変更すると、navbarは（右側ではなく）左側に整列しています。質問：メディアクエリで、ナビゲーションバーを画面の右側に移動するにはどうすればよいですか。私がSOで見つけたいくつかの質問によると、それはを使用するのに

0熱

2答えて

配置された祖先とは何ですか？

私はこのarticleのMDNの "Positioning Techniques"を読んでいます。「絶対配置要素は、その最も近い配置された祖先要素に相対的な位置に固定できます」ということについて説明しています。 "ポジショニング祖先"についての私の理解は、静的以外の位置プロパティを持つ祖先です。しかし私は自分の考えを検証するために専門家の意見が必要です。

1熱

2答えて

パディングスペースの外側の:: after擬似要素を表示し、水平方向に中心を合わせる

:: navbarのリストアイテムの下に、現在のページインジケータとして小さな三角形を追加しようとします。しかし、三角形の位置合わせは、長さの差に起因するすべてのリスト項目の中心ではないかもしれません。ウェブサイトが応答する必要があります。ウィンドウ画面のサイズを変更すると、リスト項目が圧縮され、リストの幅が拡大されます。繰り返しますが、リストアイテムの長さの違いにより、「:: after」

-1熱

1答えて

他の要素の上に積み重ねたい要素がありません

contact-showという名前の2番目の段落で、contact-listという最初の段落を横方向にスライドしようとしています。これは現在、ポジションの絶対値と相対値で動作します。しかし、私は電話番号を含む2番目のdivを挿入しようとすると、すべてがお互いの上に積み重ねられました。私はそれらをブロック要素のように表示させていきたいと思います。私が知っている限り、私は絶対位置を使用して、第2の

0熱

1答えて

ポップアップを相対的に変換すると動作しない

私は古いコードを使ってメッセージをポーズしています。これは、絶対配置でコード化され、正常に動作します。しかし、コードを相対的な位置に変更する必要があるので、コードはモバイルデバイスでうまく機能します。このjsfiddleでは、トップラインは相対を使用していて動作しません。一番下の行は絶対を使用していて動作しています。誰かが私が間違っているところを指摘してくれますか？私のコードは次のとおりです。 <

4熱

4答えて

この "simon says"ゲームの途中でコントロールのタイトルとボタンを取得する

私はSimon Saysゲームで作業していますが、タイトルとボタンをコントロールセクションの中央に置くことに問題があります。私はさまざまなCSSスタイルを試しましたが、divは動いていないようです。特に、要素を中央に近づけるにはmargin-topです。今はページの一番下にあります。ここに私がこれまで持っているものがあります。どんな助けもありがたい。私は.board-controlsさんposi

0熱

1答えて

相対フローの親をドキュメントフローに保持するにはどうすればよいですか？

私は2つのセクションを持っています。最初のセクションは相対的な位置を使用していて、子供がオーバーレイされている2つの絶対的な子を含んでいます。 2番目のセクションにはタイトルが含まれています。 2番目のセクションが下に表示されるように、1番目のセクションの相対的な位置を維持したいと考えています。ポジションアブソリュートはドキュメントフローの外にある要素を取ることを理解していますが、相対的な親であっ

10熱

6答えて

絶対配置要素

私は、これら2つの属性は、実際に一緒に動作しません推測している上NOWRAPおよび最大幅のトラブルが、私の状況：は、私がツールチップコンポーネントを作成しようとしています。私のツールチップは絶対に配置されていて、コンテンツの長さがわからないので、幅はありません。したがって、幅に関連するCSSでは、テキストはちょうど背の高い、痩せた列を形成します。私はmax-widthを試しましたが、それ自体は何

1熱

1答えて

ブートストラップの列のブラウザの高さを固定位置で取得する方法は？

ユーザーが特定のボタンをクリックしたときに右から表示されるスライドを作成する必要があります。そして、私はブートストラップ4でこのhtml構造で作っています：固定位置をとる必要があります。それは右側に固執します。また、ブラウザの高さをフルにする必要があります。事は、私はこのCSSを使用した場合、それはカードの幅や高さを伸ばし、次のとおりです。 .card { position: fixed;