を求めるCSSのブラウザの互換性のための情報設定の幅を左右
-
02-07-2019 - |
質問
こちらの質問いたしてお届けしたいという。根本問題では設定方法を教えてくださいサイズの要素の相対的な親会社となるようにはめ込みによるNからのピクセル毎端?設定の幅できるのですが、非常に良いのではないかと思い幅の親び出すためのものではありませんの素子サイズ変更のウインドウです。にんに使いたいなどの包括的な情報が必要な特定の数(ピクセル単位)で作成します。)
編集 いように予防する必要があったため、コンテンツがコンテンツ)から伸びたり縮小の両方です。最初の答えかたを使用パッドに親が仕事です。また、親会社をすべ25%も広く、全く同じ高さのブラウザのインターネットで提供され、子どもできるしながら押し込んで、スクロールバーがあります。/編集
またこの問題を解決を使用{top:Npx;left:Npx、下:Npx、右:Npx;}だけで作品の一部のブラウザを推奨いたします。
いる可能性を書き込むのjavascript jqueryを修正すべての要素毎にページのサイズの変更ありません見える。(したい場合はどうすればよるトップオフセットによる10pxの底のみを5px?で複雑です。)
何をもっと知りたいのいずれかをいかに解決することでクロスブラウザ、または一部のリストのブラウザにすることにより簡単にCSSます。もうがっこ簡単です。
解決
の CSSボックスモデル かいての理解を深めることが私の推測ではないかをクCSSでレイアウトです。
だを正しく理解したいの親会社25%の幅及び高さのブラウザの画面が表示されます。するために使うことができるので子どもは25%-2nピクセル幅を100%-2nピクセルの高さnのピクセルの子供です。現在ありませんCSSの仕様をサポートしますこれらの種類の計算がIE5,IE6とIE7して非標準 支援のためのCSS表現 や IE8が下支援 たCSS表現のIE8-標準モード)になります。
できる力の親会社100%ブラウザの面積25%の広ができな伸びは、子どもの高さをピクセルの完璧さとこ---
<style type="text/css">
html { height: 100%; }
body { font: normal 11px verdana; height: 100%; }
#one { background-color:gray; float:left; height:100%; padding:5px; width:25%; }
#two { height: 100%; background-color:pink;}
</style>
</head>
<body>
<div id="one">
<div id="two">
<p>content ... content ... content</p>
</div>
</div>
---でも水平スクロールバーが表示されます。また、コンテンツを絞ったり、親の背景は、過去100%になっています。そのパディング例を提示する問題そのものです。
実現でき 錯覚 ることを求めている通り画像の追加divs、CSSだけるとは思えない達成できるのでピクセルの完成度が高さを要求します。
他のヒント
の場合は関係する水平間隔おきますので、そのすべての子ブロック要素内の親ブロック要素で"挿入"により一定額を含め厳正に対処するとともに親要素パディングします。できる単一の子ブロック要素内の親ブロック要素で"挿入"の要素も周縁部にあたるからです。ご利用の場合、後者のアプローチする必要がある設定ボーダー又は若干のパディングは、親要素を防止証拠金"をご覧下さい。
する場合は垂直間隔としても、それを使用する必要があり位置決めが可能です。親要素の中で位置づけ;行わない場合は移動して繰り返して行なうことができ、その利用 position: relative
なに迷惑設定 top
または left
;このままです。その絶対位置決めを子要素に設定 top
, right
, bottom
や left
相対の端に親要素になります。
例えば:
#outer {
width: 10em;
height: 10em;
background: red;
position: relative;
}
#inner {
background: white;
position: absolute;
top: 1em;
left: 1em;
right: 1em;
bottom: 1em;
}
いようにしたい場合からコンテンツの拡大幅の要素があり、その利用 overflow
物件は、例えば、 overflow: auto
.
単純に一部のパディングには、親要素は、幅の子要素となります。と仮定してい display:block
, るべきます。
やのの設定 margin
の子要素となります。
Floatutorial は資源もののようです。
してみてください:
.parent {padding:Npx; display:block;}
.child {width:100%; display:block;}
すべてNpxスペースは、伸びを記入し、親要素となります。
編集:もちろん、親会社もあいまって、使用
{padding-top:Mpx; padding-bottom:Npx; padding-right:Xpx; padding-left:Ypx;}