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ただし、ラベルのルールがこの効果をもたらすことを知っておくとよいでしょう.

助けてくれてありがとうガジョトレ。

于 2013-07-10T10:41:25.697 に答える