php - Float left 在 Drupal 表单中无法正常工作

Question

我的任务是根据 PSD 文件创建布局。我这样做了，布局是这样的:

但是，我随后被要求将 HTML 合并到 Drupal 站点的 PHP 中。这不是很有效。您可以在此处查看该站点:

Drupal site

您可以看到底部的两列不起作用，表单域也没有正确排列。有什么想法吗？

Answer 1

你的 css 有一些问题会导致东西错位..您的主要问题是您如何使用 float ，主要是因为您试图将 float block 元素与文本的非 block 元素内联(您可以类似地将文本包装在 <p> 或 <div> 中，并给它一个 float 样式)

我会尽力在这里列出它们:文件:style_fact.css

行:174

.results-header{
    margin:0 auto; /* currently set to margin-left: 248px; */
}

第 323、332、337 行

div#edit-newzip-wrapper, div#edit-dist-wrapper, #edit-search{
    display:inline; /* currently set to float:left; */
    /* remove margin-top:1.5em; for #edit-search */
}

这会产生与您的设计非常接近的结果