css表格布局奇怪

Question

有人可以告诉我为什么this location的表单没有按预期布局吗？我想要左侧的标签和右侧的表格输入。布局在Chrome 16.0 *或Safari 5.1.1中无法正确显示，但在Firefox 8中显示正确。必须有一些简单的我缺少但我能想到它。

Answer 1

您的.clearfoats div没有附加任何CSS。在其上添加clear: both可以解决我的问题。我在Mac OS 10.6.8上使用Chrome 17。

Answer 2

从我所知道的，因为一切都是浮动的，没有清除，那么如果在不同的浏览器中以不同的方式呈现空间，那么它将抛弃一切。您最好的选择是在每个标签/输入框组合后放入clear:left。

看起来如果在每个组之后添加你的clearfloats div它应该修复它。

Answer 3

你有一个div。关闭textarea我的开头标记' />'，然后您使用'</textarea>'再次关闭它，最后您有'</a>'但没有开始标记。先解决这个问题。顺便说一句，它也不适用于Windows上的FF。