css - 去除 GWT 生成的绝对位置

Question

在我的网页中，我有一个菜单 (Horizo​​ntalPanel) 应该隐藏在页面的底部。为此，我尝试使用 RootLayoutPanel 类并在其中添加一个 south 小部件，我成功地做到了。但问题是菜单没有居中。我尝试添加另一个我写的 CSS(并注意位置):

.cetrer {
    Margin-left : auto;
    margin-right: auto;
    position: relative;
}

但是当页面被重新渲染时，该位置被 GWT 设置为绝对位置。我试图通过将此 lign 添加到代码中来强制定位，但它没有用:

DOM.setElementAttribute(menuBar.getElement(), "style", "position: relative;");

那么有什么解决办法吗？谢谢

Answer 1

您是否尝试过添加 !important; ？喜欢:

.cetrer {
    Margin-left : auto;
    margin-right: auto;
    position: relative !important;
}

虽然这不是最好的解决方案。