9

ブラウザはFirefoxです。

15個のラジオボタンのリストがあります。このように表示した後：

<div class="abcd"  style="margin-left:10px;">
    <form id='some'....>
        <legend>Select Item type :</legend>
        <fieldset style="display:block;float:left;">
            <input class="yy" id="sss" type="radio" name="group0" value="aaa"/> ABC
            ...
        </fieldset>
        <p>
            <input placeholder="Enter Name/Value" name="xxx" id="xxx" size="40" style="display:block;float:left;">
            <button type="button" id="xxx" style="width:100;">Process</button>
        </p>
    </form>
</div>

すべてが1行に表示されます。ラジオボタンの下にスペースを入れてテキストボックスを表示する方法がわかりません。

plヘルプ。

4

4 に答える 4

21

あなたのスタイルの問題はfloat: left、「浮き」をクリアする必要があるということです。pタグに、を含めます。clear:bothこれは、ブラウザに、左または右に何もフロートできないことを通知します。

<div class="abcd"  style="margin-left:10px;">
    <form id='some'>
        <fieldset style="display:block;float:left;">
            <input class="yy" id="sss" type="radio" name="group0" value="aaa"/> ABC

            <input class="yy" id="sss" type="radio" name="group0" value="aaa"/> ABC

            <input class="yy" id="sss" type="radio" name="group0" value="aaa"/> ABC

        </fieldset>
        <p style="clear:both">
            <input placeholder="Enter Name/Value" name="xxx" id="xxx" size="40" style="display:block;float:left;">
            <button type="button" id="xxx" style="width:100;">Process</button>
        </p>
    </form>
</div>
于 2012-08-15T21:22:02.677 に答える
2

属性を使用するときはfloat、他の要素がその隣に浮かんでいるように見えないように、属性をクリアする必要があります。clear: both次のように、入力ボックスのcssに追加してみてください。

<input placeholder="Enter Name/Value" name="Name" id="NameID" size="40" 
style="clear:both; display:block;"/>
于 2012-08-15T21:19:29.120 に答える
2

ペースト

<div style="clear:both"></div>

フィールドセットの後。

于 2012-08-15T21:20:27.393 に答える
0

ラジオボタン自体にcssルールを追加してみてください。このような：

<style type="text/css">
.group0
{
    display:block;
}
</style>

group0これは、すべてのラジオボタンを持つグループであると想定しています。

于 2012-08-15T21:18:14.117 に答える