调整大小时的JQuery Mobile输入文本/搜索布局

Question

我对JQuery Mobile很新（使用v1.3.1）并且我不确定我在这里做错了什么。我有一个带有标签和文本/搜索输入的field-contain div。当我调整窗口大小时，会发生以下情况：

首先，搜索框跳到一个新的行（我可以忍受它），但是当我进一步调整它时，它最终变得更高并覆盖标签（我显然不能忍受：P）。

以下是代码：

<div data-role="fieldcontain">
  <label for="city-location">Location:</label>
  <input type="search" name="location" id="CheckCityNameInput" value="" data-mini="true"  data-inline="true" />
</div>
<input type="button" data-inline="true" data-icon="search" data-iconpos="left" value="Locate city" data-mini="true"/>

Chrome和Firefox（我没有测试其他浏览器）会发生这种情况。知道我在这里做错了吗？

此外，当我将其调整到最大值时，文本输入和按钮之间会出现“直线”...任何想法为什么？

Answer 1

该死的，标签上的CSS规则是冲突的。很高兴知道标签上的float:left规则会产生这种效果。

感谢您的帮助Gajotres。