固定页面左侧菜单栏的位置

我有一个描述菜单栏的HTML文件。菜单栏具有以下格式，这是我作为进口iframe来其他HTML文件：固定页面左侧菜单栏的位置

<ul> class="navbar"> 
    <li><a href="home.html">Home</a></li> 
</ul>

（有更多的Li和语法正确，当然:)）

我对这个下面的CSS：

ul.navbar, iframe { 
    list-style-type: none; 
    padding: 0; 
    margin: 0; 
    position: absolute; 
    top: 2em; 
    left: 1em; 
    width: 9em 
}

所以，当我点击菜单栏中的链接时，菜单栏向右移动一点。为什么会发生？：/

来源

2012-03-06 py_script

设置一个示例http://jsfiddle.net复制问题，以便我们可以看到它 – Henesnarfel 2012-03-06 15:35:32

为什么要将iframe添加到样式中？对我没有意义 – Liviu 2012-03-06 15:45:43

什么是好的选择？它不是功课，但我不能使用服务器端像PHP – 2012-03-06 15:52:46

由于该问题没有提供jsFiddle，并且不清楚您正在使用它的上下文，所以我只会在这里猜测。

由于iframe能够滚动，因此在用户交互后iframe中菜单栏向右移动的最可能原因是。解决方案可能是将overflow: hidden;设置为iframe，并将以下样式设置为iframe中的所有元素，因此不是iframe本身的样式。像这样的：*{margin: 0px;padding: 0px;} html,body{width: 100%;height: 100%;}将会很好。

请更具体一些关于您的情况。 iframe的HTML内容究竟是什么，以及包含所有CSS信息的iframe的上下文是什么。然后把它放在jsFiddle或格式化的代码中。

当焦点集中时，您的问题可能与iframe滚动有关。

来源

2013-01-14 14:22:48 Yeti

固定页面左侧菜单栏的位置

回答

相关问题