GWT IE的FlowPanel宽度问题

Question

我有这样的代码：

 private FlowPanel main = new FlowPanel();
 private FlowPanel mainContentPanel = new FlowPanel();
 private HorizontalPanel horizontalFixedPanel = new HorizontalPanel();
 private HorizontalPanel horizontalFlexPanel = new HorizontalPanel();

 mainContentPanel.addStyleName("mainPanel");

 FlowPanel panel = new FlowPanel();
 panel.addStyleName("fixed");
 horizontalFixedPanel.add(panel);

 mainContentPanel.add(horizontalFixedPanel);
 mainContentPanel.add(horizontalFlexPanel);

 main.add(mainContentPanel);

 RootPanel.get().add(main);

style.css：

*.fixed {
    border: 5px solid red;
    padding: 5px;
    width: 800px;
    margin-left: 5px;
}
.mainPanel {
    border: 5px solid black;
    padding: 5px;
    overflow-x: auto;
}

*

当我在Chrome中打开我的应用程序时，我得到-

在Internet Explorer中-

​

为什么IE中窗口和滚动条后面的宽度会出现?？我需要有像在铬的主面板。

Answer 1

我认为你应该给你的mainPanel增加一些精确的宽度

.mainPanel {
    width: 100%;
    // or
    width: 500px;
}