关于jquery tabSlideOut插件的使用

Question

我在我们的站点上使用了jquery tabSlideOut插件，它运行得很好。这里有一些你可以看到它运行良好的网址。

http://www.bba-reman.com/ it

但是当你进入这个页面时，http://www.bba-reman.com/catalogue/Register.aspx，你会注意到UI的杂乱。这是屏幕截图

​

所以请看我的网页，告诉我我在哪里犯的错误，造成这个问题。请指导我需要修改的内容。谢谢

Answer 1

在注册页面中，您的输入字段比站点的其他部分要长。根据元素检查器，register.aspx中有一行CSS：input[type=text], input[type=password] {width: 300px;}。此规则是通用的，影响页面上的所有输入字段，无论是在注册表单中的输入字段还是在“幻灯片”选项卡中的输入字段。

备选方案有：

1. 删除那条规则。选项卡看起来没问题，但是注册表单中的输入字段看起来不对齐。
2. 使用更具体的CSS规则只影响注册表单中的输入字段：#Register input[type=text] {width: 300px;}

顺便提一句，我建议避免内联和文件中的CSS，这会使一切变得混乱。