2

私は次のコードを持っています： 

<fieldset>
    <legend>
        <strong>Personal Information</strong>
    </legend>
    <ul>
        <li>
            <label for="first_name">First Name</label><br />
            <input type="text" id="first_name" name="first_name" value="" maxlength="30" />
        </li>
        ...
    </ul>
</fieldset>
<fieldset>
    <legend>
        <strong>Car Information</strong>
    </legend>
    <ul>
        <li>
            <label for="car_make">Make</label><br />
            <input type="text" id="car_make" name="car_make" value="" maxlength="30" />
        </li>
        ...
    </ul>
</fieldset>

現在、すべてが左側にあり、2番目のフィールドセット（車の情報）が最初のフィールドセット（個人情報）のすぐ下にあります。

車の情報フィールドセットを個人情報フィールドセットの右側に配置して、並べて表示したいと思います。cssを使用して、これをどのように行いますか？

4

5 に答える 5

4

フィールドセットはブロックと見なされるため、次を使用する必要があります

fieldset {
    width: 200px;
    float: left;
}

または、フィールドセットの幅に必要なものは何でも。

于 2009-07-29T14:49:23.627 に答える
2

彼らが言ったことですが、車の情報を正しくフロートさせることもできます。これにより、幅に関係なく、常にその端に面しているという利点が得られます。

于 2009-07-29T15:05:09.590 に答える
2 
fieldset {
  -moz-border-radius:5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  width: 200px;
  float: left;    
}
于 2011-02-03T07:09:58.160 に答える
1

できることは、両方のフィールドセットを左側にフロートさせることです。cssは次のようになります。

fieldset {
    float: left;
    width: 200px;
}

これはページ上のすべてのフィールドセットに影響するため、特定のフィールドセットのみを分離する場合は、cssクラスを使用します。

<style>
    .FloatLeft { float: left; width: 200px;}
</style>

<fieldset class="FloatLeft">
于 2009-07-29T14:49:05.890 に答える
1

フィールドセットに幅を割り当て、を左にフロートさせると、次のようになります。

HTML：

<fieldset class="myFieldSet">
    <legend>
        <strong>Personal Information</strong>
    </legend>
    <ul>
        <li>
            <label for="first_name">First Name</label><br />
            <input type="text" id="first_name" name="first_name" value="" maxlength="30" />
        </li>
        ...
    </ul>
</fieldset>
<fieldset class="myFieldSet">
    <legend>
        <strong>Car Information</strong>
    </legend>
    <ul>
        <li>
            <label for="car_make">Make</label><br />
            <input type="text" id="car_make" name="car_make" value="" maxlength="30" />
        </li>
        ...
    </ul>
</fieldset>

CSS：

.myFieldSet
{
width:300px;
float:left;
}
于 2009-07-29T14:51:04.450 に答える