使用html的最内部内容

在工作中，我们遇到了这样一种情况：客户要求我们的一个产品有一个web前端。这些人都不是web开发人员，但自从我完成上一个项目后，我自愿为它打下基础

我花了大约一周的时间阅读了最佳实践和asp.net web表单。根据需求，我们决定使用HTML4/ASP.NET/CSS 2.1。客户将要使用最新的浏览器，所以我必须专注于漂亮干净的布局

我一直在使用960.gs系统编写示例，我发现它非常方便，可以不费吹灰之力地展示内容，但是，我有一个大问题

在我看过的所有教程中，一旦达到最内部的内容布局，它们就会停止或变得非常模糊

这里有什么最佳实践吗？或者是否有任何关于布置最内部内容的教程

例如，我所说的是列出以下内容：

<div id="question_1" >
  <asp:Label runat="server">Question 1</asp:Label>
  <asp:Label runat="server" >What is the name of the guy from the other thing?</asp:Label>
  <asp:RadioButton runat="server" Text="Yes"></asp:RadioButton>
  <asp:RadioButton runat="server" Text="No"></asp:RadioButton>
  <asp:DropDownList runat="server"></asp:DropDownList>
</div>  

问题1
那家伙叫什么名字？

上面的html表示一个虚构的问题对象。这将出现在问题列表页面上，就像调查一样。目前，因为我找不到信息，所以我基本上使用css来绝对定位元素，因为我使用的是网格系统，所以我知道这个div包含的框的宽度

---

编辑：我所说的绝对定位是指在包含元素中，而不是整个页面中。。。从表单布局的角度来看，有两件事需要考虑：可用性和可访问性。可用性定义了标签在左边，字段在右边。在这种情况下，当标签位于右侧时，单选按钮和复选框除外

可访问性，定义每个字段应具有标签标签；字段应按逻辑分组等

RNIB的网页设计涉及到可访问性和可用性。我个人认为这是一个很好的起点

编辑：

Meat&veg回答：理想的编码人员（应该）尝试并实现表单样式，但保持流程，即确保文本字段的标签样式显示在左侧，但在HTML中显示在字段之前

因此，好的做法是：

• 将每个标签/字段对包装在一个div中，允许您将其清除/定位到其他对中
• 使标签显示：具有固定宽度的块和浮动：左
• 别忘了添加required*-我通常在标签中使用一个span，这样我就可以单独控制required*的样式
• 使用
  标记对标签/字段对集进行分组和设置样式
• 除非您试图创建一个高度风格化的表单，否则请避免绝对定位您不需要的任何东西。我发现，只要我绝对定位一件事情，我就必须绝对定位其他事情以保持一致性，因此您应该始终首先尝试并找到一个解决方案，允许元素控制后续元素的位置
• 我知道开发人员仍然使用表来安排表单。这不好吗？是的，但它是有效的，对于临时解决方案或小型、很少使用的表单，这可能是一个适当的权衡

斯科特在写作方面有着很好的表现。这家伙太棒了，知道他在说什么

还有一些jQuery工具可以创建更好、响应更快的控件：

---

与答案无关，但如果“客户将使用最新的浏览器”，你为什么不使用HTML5和CSS3？因为我目前有可用的资源。我已经讨论过，如果项目成功了，就使用HTML5/CSS运行（阅读：我可以在当前所做的事情上跟上进度。）对于正在放缓的事情，“跟上进度”毫无意义。只要使用最新和最好的。一年后你不会后悔的，HTML5和CSS3的很多语义/功能都比它们的前辈更直观。我承认我没有太多地看它，我会在下周看一看。我不同意跳到HTML5和CSS3。从满足尽可能广泛的用户群中可以学到很多东西。此外，我还没有参与过一个商业项目，因此有理由忽略所有以前的技术，例如XHTML、CSS2等。确定使用的标准取决于客户和他们的目标受众。我对这些标准投了赞成票，因为它们读起来不错，但它们与我读过的其他标准一样含糊不清。我要的是肉和土豆。其他开发人员是否正在做我正在做的事情（像素对齐），或者是否有其他方法来做。如果我有一个300px的盒子，我是否将标签设置为150，然后留出剩余空间将其他元素放到下一层，我是否将元素包装在div中。诸如此类的事情。