0

我对 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 会发生这种情况（我没有测试其他浏览器）。知道我在这里做错了什么吗？

此外，当我将其调整到最大时，文本输入和按钮之间会出现一条“线”……知道为什么吗？

4

1 回答 1

0

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

感谢您的帮助 Gajotres。

于 2013-07-10T10:41:25.697 回答