Float left在Drupal表單中無法正常工作

我的任務是從PSD文件創建佈局。我這樣做，而這裏的佈局走了出來道：Float left在Drupal表單中無法正常工作

enter image description here

但是，我然後問到HTML合併到PHP的Drupal站點。它不是很有效。你可以在這裏看到的網站：

Drupal site

你可以看到，在底部的兩列不工作，表單字段不正確排列。有任何想法嗎？

來源

2014-03-28 Michael Mahony

您的css導致東西錯誤排列有幾個錯誤。您的主要問題是您如何使用float，主要是因爲您試圖將浮動塊元素與非塊文本的元素（你可以同樣包裹在<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 */ 
}

這導致相當接近你的設計

來源

2014-03-28 04:22:14 haxxxton

東西通過添加更改並顯示：另一個內嵌到兩個點，我就能夠使它發揮作用並且非常接近我的設計。謝謝@haxxton！ –

Float left在Drupal表單中無法正常工作

回答

相關問題