html - Django 无法正确呈现 CSS

Question

我有一个正在创建的网站，一部分是静态 HTML，另一部分是通过 Django 提供的。因为我希望外观和感觉保持不变(谁不想呢？)，所以我为静态站点使用了 CSS。我已经(几乎成功地)包含在动态网站中的相同 CSS。

当我创建一个表单时，我可以在静态端得到一个非常漂亮的两列列表

Label  Input
Label  Input
Label  Input

但是，当我在动态方面执行相同的代码时，它并不是那么好

Label  Input
       Label  Input
              Label  Input

我使用的 CSS 是:

form.login label.fixedwidth {
   display: block;
   width: 240px;
   float: left;
}

\.抱歉，这是我的表格:

     <form action="" method="post" class="login">
        <fieldset>
           <div>
              <label for="username" class="fixedwidth">User name:</label>
              <input type="text" name="username" value="" id="username">
           </div>
           <div>
              <label for="password" class="fixedwidth">Password:</label>
              <input type="password" name="password" value="" id="password">
           </div>
           <input type="submit" value="login" /> 
        </fieldset>
     </form>

[编辑]所以，我注意到我的两个“输入类型”行没有关闭标签(没有“/”)。但是，没有区别。[/编辑]

Answer 1

尝试

clear:both; overflow: auto

在周围的 DIV 上。

顺便说一下，<ul>与 <li> s 在语义上可能比 <div> 更合适在这里。虽然不会对输出产生影响。