0

TD内のdiv内にフォームがあります。divをテーブルの外側に配置すると正常にレンダリングされますが、テーブルの内側に配置すると、上下に余分な間隔が表示されます。フォームは正しいサイズですが、ラッピングdiv adCopyInlineEditContainerは、height autoを指定しても、ランダムに高さが高くなります。

<div class="inlineEditCustomHolder blueBorder" style="top: 0px; left: 102px;"><div class="adCopyInlineEditContainer" style="">
    <form method="POST" class="adCopyInlineEdit">
        <input type="text" data-linetype="title" maxlength="25" data-maxlength="25" class="colorBlue"> <div class="counter"> <span class="ad_title_counter">0</span>/25</div> <br>
        <input type="text" data-linetype="desc1" maxlength="35" data-maxlength="35" class="colorGray"> <div class="counter"> <span class="ad_title_counter">0</span>/35</div> <br>
        <input type="text" data-linetype="desc2" maxlength="35" data-maxlength="35" class="colorGray"> <div class="counter"> <span class="ad_title_counter">0</span>/35</div> <br>
        <input type="text" data-linetype="dispUrl" maxlength="35" data-maxlength="35" class="colorGreen"> <div class="counter"> <span class="ad_title_counter">0</span>/35</div> <br>
    </form>
</div>
<div class="grid-handle" style="top: 176px; left: 256px;">
</div>
</div>

私のCSSを含めることは、私の入力がdisplay:blockとであることを除いて、あまり関連性がないと思いますposition:absolute。

何かご意見は？写真では上下の奇妙な空間を見ることができます。

ここに画像の説明を入力してください

4

1 に答える 1

1

このコードを入手

 <div class="inlineEditCustomHolder blueBorder" style="top: 0px; left: 102px;"><div class="adCopyInlineEditContainer" style="">
                            <form method="POST" class="adCopyInlineEdit">
                                <input style="float:left" type="text" data-linetype="title" maxlength="25" data-maxlength="25" class="colorBlue"> <div class="counter"> <span style="float:left" class="ad_title_counter">0</span>/25</div> <br>
                                <input style="float:left" type="text" data-linetype="desc1" maxlength="35" data-maxlength="35" class="colorGray"> <div class="counter"> <span style="float:left" class="ad_title_counter">0</span>/35</div> <br>
                                <input style="float:left" type="text" data-linetype="desc2" maxlength="35" data-maxlength="35" class="colorGray"> <div class="counter"> <span style="float:left" class="ad_title_counter">0</span>/35</div> <br>
                                <input style="float:left" type="text" data-linetype="dispUrl" maxlength="35" data-maxlength="35" class="colorGreen"> <div class="counter"> <span style="float:left" class="ad_title_counter">0</span>/35</div> <br>
                            </form>
                        </div>
<div class="grid-handle" style="top: 176px; left: 256px;">
</div>
</div>

デモを参照してください: http://jsfiddle.net/r6jeE/

于 2012-06-11T22:12:00.763 に答える