内容更改时自动更新div的高度(验证)

时间:2011-12-25 07:26:16

标签: javascript jquery html css validation

这有点难以解释,但是如果你到这里:http://ewsprojects.com/~lyons,点击登录|注册,清除注册表单,并尝试提交,您将收到验证错误(需要字段)

您会看到表单不会更新高度以补偿增加。我已经尝试了所有东西,填充,边距,不同的高度值等。

我知道这个问题缺乏很多信息,但我不确定我能提出什么。如果您需要任何帮助您的答案,请告诉我,我会正确的。

2 个答案:

答案 0 :(得分:1)

只需从id为'osx-container'的div样式中删除高度,它就会自动获取内容的高度。

<强>更新: 在osx.js文件的Open函数中添加$('#osx-container').css({'height':'auto'});解决了这个问题。在那里添加它,因为每次打开对话框时都会计算高度,因此每次都必须重置为自动。

答案 1 :(得分:0)

即使你已经接受了答案,但这并不复杂,可能会有所帮助:

问题是,<label>是一个内联元素,因此它只会显示在<input>旁边。通过添加display:block,您可以将标签显示为块元素并占用整个新行。但是,它会占据整条线,可能看起来不像你想要的那样。此时,您可以将其保留为块并指定宽度,或者您可以使用新的CSS3 inline-block,它将像块一样显示它,而不是占用整行,它将环绕其子项元素。 如果你担心非CSS3浏览器(但是因为你使用HTML5“占位符”属性,我怀疑你是)最简单和最简单的方法,可能会添加<br> ...否则我推荐display:inline-block;