固定頁面左側菜單欄的位置

我有一個描述菜單欄的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

固定頁面左側菜單欄的位置

回答

相關問題