css - 公共(public)服务公告 : IE9 rendering oddity when FORMs tags improperly laid out

Question

问候和称呼!

我已经为一些漂亮的表单创建了一个漂亮的 float 表单 CSS 文件，其中包含最少的 HTML 代码，可以在 FF 和 Chrome 下顺畅地工作(请注意该列表中没有 IE [完成 DONNNNE!])。

因此，在 IE 下进行测试时，我在 FIELDSET(带有边框的样式)中遇到了一个奇怪的中断。在 IE9 下，它看起来好像有 2 个 FIELDSET，而实际上这只是一个......

JSFiddle Example

Chrome(Win7下):

火狐(Win7下):

IE9(Win7下):

更新(包括下面的回答)

最后，造成这种情况的原因是在 FIELDSET 中间丢失了一个结束 FORM(正如 JSFiddle 甚至提示的那样)。

Answer 1

这是由于错误放置的结束 FORM 标记(甚至 JSFiddle 发现了它)!