-2

私は基本的な html コーディングで遊んでいますが、ヘッダーを画面幅全体に表示することができません。

<div id="header" style=" position:fixed;  background-color: #0099CC; width=100%">
    <h1 style="float: left; color: black">Hello</h1>
    <div style="float: right; padding: 2.5em 5em;"> 
    <a href="teamassignment">Blah Blah</a>
    <a href="logout">Logout</a>
    </div>
</div>

注意: CSS は使用したくありません。私はこれをCSSで完全にうまく行うことができますが、htmlをいじっていて、htmlコーディングでスタイルを使用するときに同じプロパティが適用されない理由がわかりません.

Jsfiddle: http://jsfiddle.net/WJSsP/

4

4 に答える 4

3

何方をお探しですか

display: block;

?

"width=100%"は有効な CSS ルールでwidth: 100%;はありません (ただし、この例では必要ありません)。

これは仕事をするはずです：

<div id="header" style=" position:fixed;  background-color: #0099CC; display: block;">

ちなみに、style=""属性は、要素に関連付けられる CSS ルールを定義します。

アップデート

float: left: 要素を使用しているようですが、プロパティのfloat使用を許可しない特別なポジショニング システムを使用しています。display

代わりにfloat: right、リンクで使用し、タイトルはそのままにしておく必要があります。

フィドルの例:

http://jsfiddle.net/WJSsP/5/

または、わかりやすくするために、最低限必要なもの: http://jsfiddle.net/WJSsP/6/

于 2013-04-17T19:43:54.233 に答える
3

幅=100%"

する必要があります

幅:100%"

于 2013-04-17T19:44:12.910 に答える
0

デフォルトでは、ヘッダーはコンテンツの幅のみになると思うので、CSS でデフォルトを変更しないと、拡張されません。

于 2013-04-17T19:43:57.120 に答える