-1

http://jsfiddle.net/Lijo/PJcZQ/に示すようなコードがあります。同様のコンテンツ「GROUP1」と「GROUP2」を持つ 2 つの div があります。違いは次のとおりです。

グループ 1

  <div class="secondTextBox">
  <select name="ctl00$detailContentPlaceholder$ddlStatus" id="detailContentPlaceholder_ddlStatus" class="dropdownItem" style="width: 120px;">
  </select>
  </div>

グループ 2

 <div class="secondTextBox">
 <input name="ctl00$detailContentPlaceholder$txtVal2" type="text" id="detailContentPlaceholder_txtVal2" style="width: 120px;" />
 </div>

CSS

.searchValuesDiv
{
padding: 10px 0 0 20px;
margin:20px 0 20px 0px;
border:1px solid Cyan;
overflow:auto;
}

グループ 1 は期待どおりに動作していません。ボタンを含む div が間違った位置から始まっています。

注: この問題は、jsFiddle から見ている間は再現できません。これは、そのコードで HTML ページを作成すると再現できます。

  1. なぜそのように振る舞うのですか？[「入力」要素を使用した場合に問題にならなかった理由を説明できますか?]
  2. どうすれば修正できますか？

ここに画像の説明を入力

4

2 に答える 2

3

フロートを使用しているようです。.btnSearchDiv要素を「改行」で開始する場合は、要素に aoverflow: hidden;を追加するだけ.searchLineです。それがないと、フローティング要素が含まれているため、これらの要素は折りたたまれます。

于 2012-10-30T14:23:16.607 に答える
0

にフロートがありませ.searchLineん..問題が解決することを願っています

css を次のように変更します。

.searchLine
{    
    float:left;
    width:auto;
    min-width:700px;
    height:auto;
    margin:1px 1px 1px 1px;
    padding: 0 0 0 0px;
}

また

.searchLine
{    
    clear:both;
    width:auto;
    min-width:700px;
    height:auto;
    margin:1px 1px 1px 1px;
    padding: 0 0 0 0px;
}
于 2012-10-30T14:23:04.403 に答える