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>的{{1}}在语义上可能比<li>更合适。虽然不会对输出产生影响。

Django没有正确渲染CSS

1 个答案: