Question

我有一个描述菜单栏的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 
}

因此，当我点击菜单栏中的链接时，菜单栏会向右移动一点。为什么会这样？：/

Answer 1

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

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

请更具体地了解您的情况。 iframe的HTML内容究竟是什么？iframe的上下文包括所有CSS信息。然后将它放在jsFiddle或格式化的代码中。

可能你的问题与聚焦时的iframe滚动有关。

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

1 个答案: