html - 使两个字段集具有相同的高度

Question

我有两个 <fieldset> s 在单个 div 中(没有别的)，彼此相邻(position:absolute，div 设置为相对)。

有什么方法可以让这些字段集的高度相同而无需设置固定高度？

我有一些想法，也许我可以让两者都具有父级的最大高度和自动的最小高度？

另外，是否可以使字段集的内容垂直居中？

我不担心它是否适用于 IE，但需要适用于 Firefox 和 Webkit，如果可能的话还适用于 Opera。

谢谢

编辑:您可以在此处查看页面:https://dl.dropbox.com/u/2318402/SO/login.html

Answer 1

您可以将它们放在父容器中，例如表或 div，并让两个子容器位于 height=100%。

仅有的其他两个选项是您不想要的，在固定高度(例如 height=59px)，或者您可以通过 javascript 实现。

对于垂直定位，您可以将它们粘贴在父容器中，例如表格或 div，然后在上面打一个 vertical-align:center