固定标题宽度溢出

Question

http://jsfiddle.net/yLt5v/

.tc{
    position: fixed;
    width: 100%; 
}

当给出位置：固定为.tc时，背景溢出。

如何解决这个问题？

Answer 1

分配元素位置：固定;使它相对于BODY元素，它将不再遵循父元素的宽度，因此宽度100％将它扩展为页面的整个宽度。现在，因为你没有＆＃34;离开＆＃34;位置声明它将在父元素之后保持对齐，并且多余的宽度刚刚溢出到右边。

Answer 2

您可以添加left: 0; top: 0;来解决问题吗？没有左边，固定元素从他自己的位置开始，并具有100％的视口宽度。

Answer 3

设置百分比和显示块

.tc{
  position:fixed;
  width:54.5%;
  display:block;
}

DEMO