css - 填充大小设置为 100%，但覆盖了页面的一半？

Question

我已经设置了一个 div 的样式，这样我就可以在页面顶部有一个用于站点导航的栏。一切都很好，但是栏的填充拒绝覆盖整个页面？当我重新加载页面时，我可以看到条形闪烁以覆盖整个页面，但随后它被重新调整为我浏览器的 50% 左右。

这是我的代码：

div.title_main
{
    background-color:rgb(40,40,40);
    position:fixed;
    right:50%;
    top:-1%;
    padding:0.1% 100%;
}

谢谢！

Answer 1

删除right: 50%;然后它应该工作。

看到这个jsFiddle