-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 回答
0

将“宽度=100%”更改为“宽度：100%”。

有时候真的就是这么简单:)

于 2013-04-17T19:45:59.673 回答