如何解决对话框内部的选项卡导致对话框的height:auto不起作用
|| 解决:请参阅下面的评论。 我已经在对话框中创建了一个标签页,但是对话框的高度与标签页的高度不对应。 在这种特殊情况下,选项卡内部有一个表单。如果用户提交表单并且存在错误,则选项卡的高度将增加以显示错误。但是,父对话框的高度不会自动调整大小以匹配内部选项卡的高度。|-|-|------|
| |
|-(end of dialog)----| (text stops here)
| |
| |
| |
|-(end of tab)-----| (not visible)
我怎样才能解决这个问题?
解决方法
问题是以下默认jQuery UI CSS:
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
...收到了额外的CSS行,因此选项卡中的内容无法自动调整大小:
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
position: absolute; //This line was causing the problem
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。