position：fixed not working in chrome

-1

我在我的博客http://kasperikoski.blogspot.fi中添加了一个新的小部件，它基本上通过使用“添加HTML /脚本”作为菜单工作。该代码是博客HTML/CSS：position：fixed not working in chrome

.menukadn { 
    line-height: 1; 
    } 

    a.limeka, a.limeka:visited, a.limeka:active { 
    font-family: 'Maven Pro', sans-serif; 
    font-size: 30px; 
    font-weight: bold; 
    color: #bbb; 
    text-decoration: none; 
    text-transform: uppercase; 
    transition: color 150ms linear; 
    letter-spacing: -0.090em; 
    } 

    a.limeka:hover { 
    color: #21a97e; 
    transition: color 150ms linear; 
    }

而对于WIDGET：

<div class="menukadn"> 
    <a href="https://www.facebook.com/Kadnnn" class="limeka" title="" target="_blank">Facebook</a> 
    <br/> 
    <a href="http://instagram.com/kasperikoski" class="limeka" title="" target="_blank">Instagram</a> 
    </div>

当我尝试添加的定位就是这样，

.menukadn { 
    line-height: 1; 
    position: fixed; 
    }

或alternativly到窗口小部件DIV ＃HTML1自身：

#HTML1 { 
    position: fixed; 
    }

它适用于Mozilla Firefox，但在Chrome中，我的窗口小部件HTML1位于距离它应该在的位置（列左外侧）大约800px处，紧邻内部身体左边界。任何想法都可能存在一些导致矛盾的其他代码？

来源

2013-04-22 Kasperi Koski

它适合我。 – 2013-04-22 17:20:58

除了它的定位position:fixed你还没有定义元素的位置，例如

#HTML1 { 
    position: fixed; 
    left:0; 
    top:0; 
}

如果你想它相对于定位到屏幕的宽度，你可以尝试这样的事情：

#HTML1 { 
    position: fixed; 
    left:0; 
    right:0; 
    width: 200px; 
    margin:0 auto; 
}

唯一的缺点是，你有定义的宽度，之后，玩left或right，直到你有它想要的地方。

来源

2013-04-22 17:22:55 xpy

不，那也没用，因为现在它的左上角。我只应该从上面看到亲戚，但仍然只是在内在身体的左边界旁边。尽管屏幕分辨率不变，但内部身体的水平定位也相同 – 2013-04-22 17:29:08

'top：0;左：0'只是一个例子。你应该定义适合你的职位。 – xpy 2013-04-22 17:45:16

@KasperiKoski我改进了答案，看看它是否可以帮助你... – xpy 2013-04-22 17:49:05

position：fixed not working in chrome

回答

相关问题