这用表单用div+css怎样排版呢？

Question

http://www.bunnings.com.au/contact-us_contact-us_website-feedback.aspx

用表格的话很容易排，但用div+css 的话就有点难度了。这个网址的css代码太乱了，很难拆分。

希望高手能提供以下大概的思路。先谢了。

Answer 1

<div class="field">
<label>文字</label>
<span>表单内容</span>
</div>
基本样式：
.field {border-bottom:1px dashed #C4DDDF;float:left;padding:5px 8px;overflow:hidden;zoom:1;}
.field label{float:left;display:block;width:**px;}
.field span{float:left;display:block;width:**px;}
这样写有个好处就是结构清晰，如果里面都是套用div的话会有点混乱，用label和span来代替div很有层次感

Answer 2

每一行用一个DIV
每行DIV里面套两个独立DIV 关键属性:display:block;float:left;
再根据具体情况,设置每个DIV里面的元素样式

Answer 3

每一个问题 也就是一个大块 用div

问题里面的选项 用span包起来 换行比较容易

其他的textarea select 什么的直接写上就行了

结构很简单

Answer 4

一行写一大div
里面写两个小div 关键属性float：left；

两小div里写内容

重复即可