Question

我一直在使用基本的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/

Answer 1

您在寻找

吗？

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/

Answer 2

宽度= 100％“

应该是

宽度：100％“

Answer 3

我认为默认情况下，Header只是内容的宽度，因此如果没有CSS来改变默认值，它就不会扩展。

Answer 4

将“width = 100％”更改为“width：100％”。

有时真的很简单：）

跨屏幕宽度的Html标题

4 个答案:

更新

示例小提琴：