css-position

1熱

1答えて

http://lucasdebelder.be/stack/index.html 1680px幅でそれをチェックアウトすることを確認しますが、それは完全に一緒に並んだが、私は幅が私の画面を大きくしたり小さくしたりあれば、それは私がこの問題を回避する方法はもうどんなアイデアを整列しませんか？私はDribbble shotを再作成しようとしています。コードスニペット。 .wrapper {

1熱

1答えて

100％幅のテーブルセルの内側にあるフッタdiv div

私はコンテナdivにdisplay: table、そして3つの内側divにdisplay: table-cellを持っています。 2つの外側テーブルセルは固定幅を持ち、内側テーブルセルはwidth:100%です。そのため、ブラウザのサイズに合わせてサイズが変わります。中間セルの一番下に配置するフッタdivがあります（width: 100%）。しかし、それは真ん中のテーブルセルの幅を超えて伸びます

0熱

3答えて

スクロールコンテナの絶対配置されたボタンがスクロールしながら移動する

コンテナがたくさんあるため、スクロールするためにoverflow: auto;と設定しました。また、このコンテナの右下に固定された位置にボタンが必要です（マテリアルデザインのFABボタンと同様）。ボタンは、コンテナの右下にうまく配置されています。残念ながら、コンテンツをスクロールすると、ボタンも一緒に移動します。絶対配置の私の理解は、要素をその親に対して相対的に配置することです（positio

0熱

2答えて

固定親を持つ絶対配置要素のz-インデックス

なぜ絶対インデックスを持つ要素でz-indexプロパティが機能しないのですか？私はこのような場合のために、簡単なexample作る HTML： <div id='q1'> <div id='q2'></div> </div> CSS：Zインデックスは、同じスタックの要素に相対的であるため、 #q1 { position: fixed; width: 100%;

1熱

2答えて

親要素から視覚的に切り離されているにもかかわらず、絶対配置された要素がホバリングスコープ内にあるのはなぜですか？

私はCSSの相対的な絶対的な関係よりも簡単な質問があります。ここは簡単な例です。 HTML： <div class="relative"> relative area <div class="absolute">I am relative area's son. Hover over me! my bg-color changes!</div> </div> CSS：

1熱

1答えて

CSS：モーダルウィンドウはスクロールしますが、十分な空きがない場合はタイトルをスクロールしません。

CSSを使用してモーダルウィンドウを作成しようとしています。しかし、画面に十分な空きがない場合は、スクロールバーをモーダルウィンドウの本体に表示して、タイトルとボタンの行をすべて表示しておきたい回。これをどのように達成するのですか？十分なスペースがない場合、スクロールが正しく表示されますが、画面サイズが大きい場合、その後、モーダルがあまりにも大きいしている私は、またはは私が正しくモーダルなサイ

1熱

2答えて

フッターで固定要素を非表示にする

どうすればこのスクリプトをフッターに固定することができますか？ <script> $(document).ready(function() { var navoffeset=$(".fixedElement2").offset().top; $(window).scroll(function(){ var scrollpos=$(window).sc

1熱

1答えて

静的配置divを追加すると相対配置divが動きます

私は自分でCSSを学習しようとしています。静的に配置されたdivを追加すると、相対配置されたdivが別の場所に移動します。 <!DOCTYPE html> <html> <head> <style> div#static, div#relative { height:10px; width: 10px; } div#static { background

0熱

1答えて

HTML/CSSのイメージのサイズ/サイズが位置に基づいて「破損」

HTML/CSSでコーディングしています。イメージ位置をabsoluteに設定すると、すべて正常に動作します。しかし問題は、一度それをrelativeに設定すると、その境界がすべて奇妙になるということです。ここではいくつかの例は以下のとおりです。絶対 - CSS： .dashboard-button { position: absolute; border: thin red

0熱

3答えて

フレックスボックスの問題

フレックスボックスに関する質問があります。基本的には、私はカードコンポーネントを作成しています。私は左の画像と右のカードのボディが好きです。私はそれを持っている..一種。問題は、カードが画像よりも大きいことです。私はカードがイメージの高さに留まることを望みます。 .card-horizontal { display: flex; flex-direction: row