css-position

1熱

2答えて

ボタンがありますfixedがouter divです。問題は、私がposition: fixed（ページがスクロールしている間にボタンを押したままにする）を設定したときに正しく動作しなかったことです。ボタンはまだスクロールして画面から移動しました。ここは .rotate { transform: rotate(30deg); background: blue;

0熱

3答えて

小さなディスプレイの場合に中央の画像のスクロールを保存する方法

私はロゴが上部にあり、フォーム全体が画面の中央にあるログインフォームを持っています。すべてが完璧に動作しますが、このフォームが垂直に収まらない小さなディスプレイで試してみると、ロゴが切り取られ、その上をスクロールできません。 Simplyfied例はここにある： .login-form { width: 250px; background-color: #eee;

0熱

1答えて

Divがモバイル対応ビューでスクロールして固定位置に設定されていない

モバイルスクリーン幅の固定ヘッダーの直後にある固定/固定バーを追加しようとしていますが、すべてのCSSプロパティ固定ヘッダーの直後にdivをスティックする必要がありますが、スクロールに固定されていないので、誰かがChromeやFirebugを使って約400pxのモバイルビューでこのリンクを見て、私が間違っていたことを教えていただけたら大変感謝します。以下は、固定ヘッダーをスクロールして浮動させよ

1熱

3答えて

画像を作成し、ウィンドウのサイズに基づいてテキストのサイズを変更します

私はゲームの一族がGrand Theft Auto 5をオンラインでプレイしている友達のためのシステムを設計しています。しかし、私は問題に遭遇しています。「ドライバライセンス」システムを作成しようとすると、ウィンドウのサイズを変更しようとしているときに、プレースメントのいずれもdiv内または正しい領域に残っていません。本質的に、それらは親DIVに比例しません。私はこれに精通していないし、Goo

1熱

1答えて

擬似リストの前に縦に整列する項目

擬似線の前にカスタムを作成し、それをリスト項目に垂直に整列させる方法を見つけようとしています。誰がそれをどうやって行うのですか？私は絶対的な位置づけを試みましたが、各リストアイテム上にあるのではなく、それらをすべて積み重ねて中央に配置します。 .menu { background: #ececec; width: 200px; margin-top: 40

0熱

1答えて

固定位置のポップアップウィンドウのCSSクローズボタン

JQueryでトリガされ、CSSでスタイル設定されたポップアップウィンドウを作成しようとしています。ボックスの右上にクローズボタンを追加しましたが、絶対位置が定義されていても、ボックス内をスクロールすると（オーバーフロー：スクロール、ボックスの最大高さにより）、X閉じるボタンもスクロールします： .team-name-popup{ position:fixed; z-index: 9; to

-2熱

2答えて

位置が固定されたCSS子：

配置された親要素（position: relativeまたは）は、子要素がposition: absoluteである場合、子要素は絶対配置された親内に配置されます。 position: stickyの子要素も同じように動作します。子要素は、配置された親内に固定的に配置されます。ただし、position: fixedの子要素は、ではありません。は、配置された親内で固定位置を占めます。具体的な例：

0熱

2答えて

CSS ul li with display：インラインブロックですが、位置が間違っています

私はulを持っています。ディスプレイはインラインブロックで表示されます。各liには、画像があり、画像の下にdivがあります。 divの行が異なる場合、lisの位置は同じではありませんイメージを強調します。注：私はそのイメージを使用しません。そのわずかテスト:) HERESにCSSコード用： .uldaftarartikel ul{<br/> list-style-type: non

0熱

2答えて

が一緒

Iは次のように私は位置を垂直要素を持ちます。問題は、フッターがあることです。したがって、divは常にdivを中心にするためにさらに150px高くなければなりません。私のdivを上に移動させるには、sass関数またはcalc（）を組み合わせる方法はありますか？

1熱

2答えて

CSSどのようにしてこの高さを反応させることができますか？

.wrapper { margin: 7%; height: 79vh; background-color: green; background-size: 300px; } <section class="wrapper"> <h1>TEST</h1> </section> あなたはそれがやや応答見ることができるよ