タグ付けされた質問 「css」

2つのdivがあります。1つはページの左側にあり、もう1つはページの右側にあります。左側のものは幅が固定されており、右側のものは残りのスペースを埋めてほしい。 #search { width: 160px; height: 25px; float: left; background-color: #ffffff; } #navigation { width: 780px; float: left; background-color: #A53030; } <div id="search">Text</div> <div id="navigation">Navigation</div> コードスニペットを実行する結果を非表示スニペットを展開

419 html  css  width  responsive 

わかりました、これは本当に私を混乱させます。私はdivの中にいくつかのコンテンツを持っています： <div style="background-color: green; width: 200px; height: 300px;"> Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest. </div> ただし、「単語」が長すぎるため、コンテンツはDIVをオーバーフローします（予想どおり）。 内部のすべてのコンテンツを収めるために必要な場合は、どうすればブラウザに単語を「分割」させることができますか？

417 html  css  line-breaks 

画像があり、特定の幅と高さ（ピクセル単位）に設定したい しかしwidth:150px; height:100px、css（）を使用して幅と高さを設定すると、画像が引き伸ばされ、見苦しい場合があります。 CSSを使用して画像を特定のサイズに塗りつぶし、拡大しない方法は？ 画像の塗りつぶしとストレッチの例： 元の画像： 引き伸ばされた画像： 塗りつぶされた画像： 上記の塗りつぶし画像の例では、画像が150x255（維持されたアスペクト比）にサイズ変更され、次に150x100 にトリミングされることに注意してください。

415 css  image 

私が持っているdiv（親別含まれている）div（子）。親は、body特定のCSSスタイルがない最初の要素です。設定すると .child { margin-top: 10px; } 最終結果は私の子供の上部がまだ親と揃っているということです。子が10ピクセル下にシフトされる代わりに、私の親は10ピクセル下に移動します。 私DOCTYPEはに設定されていXHTML Transitionalます。 ここで何が欠けていますか？ edit 1 私の親には背景が上から下に（ピクセル完全）表示される必要があるため、厳密に定義された寸法が必要です。したがって、垂直マージンを設定することはできません。 編集2 この動作は、FF、IE、およびCRで同じです。

415 css  xhtml  margin  nested 

プロジェクトで未使用のcss定義を特定するのに役立つ良い方法はありますか？たくさんのcssファイルが取り込まれましたが、今は少し片付けようとしています。

414 css  performance  optimization  code-cleanup 

このようなもので要素の境界線を半透明にする簡単なCSS方法はありますか？ border-opacity: 0.7; そうでない場合、誰かが画像を使用せずにどうすればいいのか考えていますか？

409 css  opacity 

!importantCSS とはどういう意味ですか？ CSS 2で利用できますか？CSS 3？ どこでサポートされていますか？すべての最新のブラウザ？

409 css 

タブのコンテンツを垂直方向に中央display:inline-flex揃えにしようとしていますが、CSSスタイルを追加すると、水平方向のテキスト配置が表示されなくなります。 各タブのテキストの配置をxとyの両方にするにはどうすればよいですか？ * { box-sizing: border-box; } #leftFrame { background-color: green; position: absolute; left: 0; right: 60%; top: 0; bottom: 0; } #leftFrame #tabs { background-color: red; position: absolute; top: 0; left: 0; right: 0; height: 25%; } #leftFrame #tabs div { border: 2px solid black; position: static; float: left; …

408 html  css 

すべての子要素を再帰的に選択するにはどうすればよいですか？ div.dropdown, div.dropdown > * { color: red; } このクラスは、定義されたclassNameとすべての直接の子に対してのみクラスをスローします。簡単な方法で、次のようにすべてのchildNodeを選択するにはどうすればよいですか。 div.dropdown, div.dropdown > *, div.dropdown > * > *, div.dropdown > * > * > *, div.dropdown > * > * > * > * { color: red; }

407 css  css-selectors 

要素のレンダリングされた高さをどのように取得しますか？ <div>中にコンテンツがある要素があるとしましょう。内部のこのコンテンツは、の高さを伸ばし<div>ます。高さを明示的に設定していない場合に、「レンダリングされた」高さを取得するにはどうすればよいですか。明らかに、私は試しました： var h = document.getElementById('someDiv').style.height; これを行うためのトリックはありますか？それが役立つ場合は、jQueryを使用しています。

406 javascript  jquery  css  height 

閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？ Stack Overflowのトピックとなるように質問を更新します。 3年前休業。 ほとんどのWeb開発者と同様に、マークアップがどのように構築されているかを確認するために、Webサイトのソースを時々見たいと思います。FirebugやChrome Developer Toolsなどのツールを使用すると、コードを簡単に検査できますが、分離されたセクションをコピーしてローカルで操作したい場合、個々の要素とそれに関連付けられているすべてのCSSをコピーするのは面倒です。そしておそらく、ソース全体を保存し、無関係なコードを削除するのと同じくらい多くの作業が必要です。 Firebugでノードを右クリックして、[このノードのHTML + CSSを保存する]オプションがあると便利です。そのようなツールはありますか？FirebugまたはChromeデベロッパーツールを拡張してこの機能を追加することはできますか？

403 html  css  internet-explorer  firebug  google-chrome-devtools 

出力： こんにちは お元気ですか コード： <p>hello <br> How are you </p> なしで同じ出力を達成するにはどうすればよい<br>ですか？

398 html  css 

現在、この2つの違いは何なのかと思っています。私が両方を使用したとき、それがコンテナーに適合しない場合、それらは言葉を壊すようです。しかし、なぜW3Cはそれを行うために2つの方法を作ったのですか？

397 css  word-wrap 

HTML入力があります。 入力にはpadding: 5px 10px;、親divの幅（流体）の100％にする必要があります。 しかし、使用するwidth: 100%;と、入力は100% + 20pxどうすればこれを回避できますか？ 例

397 html  css  width  fluid-layout 

私はChromeインスペクターを使用してz-index、Twitterブートストラップポップオーバーの分析を試み、非常に苛立たせています... 表示されているポップオーバーをフリーズして、関連するCSSを評価および変更する方法はありますか？ 関連付けられたリンクに固定された「ホバー」を配置しても、ポップオーバーは表示されません。

394 css  google-chrome  google-chrome-devtools