web-dev-qa-db-ja.com

HTML幅100％

これは私にナッツを運転しています。 「幅：100％」はどうなりますか？どうやらこれはIExploreでのみ機能するので、Microsoftが作成したものの1つだと思います。

しかし、...すべてのブラウザが理解できる方法で、利用可能なすべての親のスペースを取得する必要がある要素にどのように伝えますか？

乾杯？

htmlcsswebformsstandards
11
vtortola

ブロックレベルの要素（display：block;）は、親要素の幅の100％を自動的に占めます。パーセンテージまたはピクセルを使用して、幅のサイズを変更できます。インライン要素（display：inline;）の幅を変更することはできません。

すべての親要素スペースを占有する何かが必要な場合は、次のようなことを試すことをお勧めします。

.class{
    display:block;
    width:100%;
}
13
Sam152

幅：100％は確かにMSの製造ではありません。ボックスモデルやインライン要素とブロック要素（スパンとdivなど）の要素を理解すると、表示される内容を理解するのに役立ちます。ブラウザーの違いは、「幅：100％」との関係が、ブラウザーが特定の要素のボックスモデルをどのように解釈するか、特にマージン、ボーダー、パディングのようなものとは関係がありません。すべてのブラウザーは、幅：100％を尊重します。しかし、他のすべてをどのように解釈するかは、彼らが「100％」として与えるスペースの量に影響を与える可能性があります。

100％は親ではなく、ウィンドウではないことを覚えておいてください。

 <body>
   <div id = "one" style="width:50%">
     <div id = "two" style = "width:100%" />
   </div>
 </body>

この場合、 "two"はウィンドウの50％のみになります。これは、50％幅の親にあるためです。 （1 * .5 = .5）

つまり、不可解な振る舞いの特定の例は、人々があなたに特定の答えを与えるのに大いに役立つでしょう。

4
Jim L

私があなたを正しく理解しているなら、あなたはwidth: 100%はIEのみです。答えはいいえだ;すべての主流ブラウザで理解されています。ソース： http://www.w3schools.com/css/pr_dim_width.asp

2
Pops

Width：100％はインラインタグでは機能しないことに注意してください。したがって、値 'inline'としてのプロパティ 'display'のような場所や場所には影響しません。

もしそれがあなたにとってのニュースなら、HTMLはアドホックを学ぶものではないので、本を手に取ることをお勧めします。

1
Frank Schwieterman