内容仅在 chrome 中不随 div 移动（asp 控件问题）答案

【问题标题】：content isn't moving with the div in chrome only (issuewith asp control)内容仅在 chrome 中不随 div 移动（asp 控件问题）
【发布时间】：2012-02-06 08:41:39
【问题描述】：

我有一个在 IE9 和 Firefox 中显示得很好的菜单 div，但在 chrome 和 IE8 中，当 div 移动时，div 的内容并没有跟随实际的 div 本身：

IE9/FF:

铬：

据我所知，我没有任何 css 冲突或流程问题。我可能会遗漏一些东西（显然）。任何帮助将不胜感激。 TIA

这是当前的 div 层次结构：

<div id="mainBody">
     <div id="mainMenu" class="mainMenu">
          <asp:Menu class="menuItems">
               <--- menu items jargon here --->
          </asp:Menu>
     </div>
</div>

还有css：

body
{
    background-color: #E7EDEB;
}

.textBox
{
    margin: 1px;
}
#mainBody
{
    border: 1px solid #000000;
    width: 1000px;
    background-color: #FFFFFF;
    margin-left: 10%;
    margin-right: 10%;
    padding: 0px;
    font-family: Calibri;
    letter-spacing: .03em;
}
.mainMenu
{
    border: 1px solid #000000;
    background-color: White;
    margin: 0px;
    position: relative;
    width: 600px;
    left: 50px;
    bottom: 25px;
    height: 30px;
}
.MenuItems
{
    vertical-align: middle;
    font-family: Calibri;
    font-size: large;
    text-decoration: none;
    text-align: left;
    color: #000000;
    margin: 3px;
}
div#mainContent
{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    margin: 0px;
    width: 1000px
}

更新：我从 div 中删除了 asp 菜单控件并将其替换为纯文本。它看起来更像你所期望的，所以它让我相信它与控件本身有关。我没有对控件本身应用任何样式，所以我还是迷路了。

【问题讨论】：

你能给我们展示实际的 HTML 而不是 ASP 标签吗？
@Sinaesthetic：你能提供一个预览页面让我们看看dealio是什么吗？谢谢！
@j08691 我不确定你要什么。这是一个asp页面，div是那里唯一的html。此 div 中包含的唯一内容是一个 asp 菜单控件。我只是把它作为一个占位符，这样你就可以看到结构了。

标签： asp.net css google-chrome positioning

【解决方案1】：

尝试添加

top:0;

到 .mainMenu 并重新加载几次；）

【讨论】：

【解决方案2】：

尝试为您的跳过链接添加样式：

#ctl04_SkipLink {
position:absolute;
left:-9999px;
}

【讨论】：

#ct104_SkipLink 似乎是链接引用，而不是对象。我知道你在做什么，但它似乎没有用。

【解决方案3】：

这是由你在 ul 之前隐藏的锚点引起的。还没弄清楚为什么。

编辑：实际上，它显示为您隐藏在该锚点内的图像。

【讨论】：

我没有明确放置任何 ul 或隐藏图像，它必须是从 asp 渲染的。当我添加到我的 OP 中时，我删除了控件并将其替换为纯文本，结果更像您所期望的。现在看来这更像是一个 ASP 问题:((
@Sinaesthetic 好吧，将带有 alt“跳过导航链接”的图像设置为“显示：无”可以解决问题。
你是手工做的吗？我到底如何在 Visual Studio 中改变它？
@Sinaesthetic 不知道。我永远不会使用 asp 做任何事情，也不会使用 VS。我使用 Chrome 中的开发者工具和 Firefox 中的 Firebug 对其进行了测试。
是的，我在渲染源中看到了隐藏的图像。我一辈子都找不到把它放在那里的东西。必须是控件正在使用的东西...啊

【解决方案4】：

作为一个 ASP 控制问题，我想我永远也想不通。事实证明，这是 ASP 呈现控件的方式的问题。多亏了 Rob，我们才能够将其范围缩小到一个 SkipLink。由于该页面是个人页面，因此我无需担心跳过链接，因此我选择完全禁用它。在 ASP 中这样做的方法就是在菜单控件中将 SkipLinkText 设置为 ""。

对于遇到这种情况的其他人，这里显示了一些其他技巧：

http://forums.asp.net/t/976796.aspx/1

谢谢大家

【讨论】：