在 Gwt 中，我为搜索栏添加的样式与工具栏重叠

Question

对于搜索操作，我在 ui.xml 文件中使用了这些样式：

        .search {
           border-right: none;
           padding: 1px 5px;

           width: 200px;
          -webkit-border-radius: 3px 0 0 3px;
          -moz-border-radius: 3px 0 0 3px;
           border-radius: 3px 0 0 3px;
           float:left;
        }

        .searchAction {
           border: 1px solid #afafaf;
           float:left;
        }

有了这个，我的搜索栏与 toolbar.is 重叠了，我还需要使用其他一些样式吗？我想要工具栏下方的搜索栏。

Answer 1

为此，我使用边距样式将搜索栏置于工具栏下方。

.margin {
margin-top: 30px;
margin-left: 5px;
margin-bottom: 10px;
}

现在工作正常。

在 Gwt 中，我为搜索栏添加的样式与工具栏重叠

In Gwt, the style which i added for the search bar got overlapped with the toolbar

css

java

xml

gwt