代码之家  ›  专栏  ›  技术社区  ›  KevinDTimm

Django未正确呈现CSS

  •  0
  • KevinDTimm  · 技术社区  · 15 年前

    我正在创建一个站点,部分是静态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>
    

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

    1 回复  |  直到 15 年前
        1
  •  0
  •   Pekka    15 年前

    尝试

    clear:both; overflow: auto
    

    在周围的分区。

    顺便说一下,A <ul> 具有 <li> S在语义上可能比 <div> 在这里。但不会影响产量。