我正在构建此表单：http://codepen.io/anon/pen/gFoIG/
到目前为止，我很满意。不幸的是，我有一些问题似乎无法解决。首先，我想在各自的输入旁边强制执行标签位置。现在表格容易崩溃（使用智能手机和平板电脑的歌剧模拟器，隐私标签低于支票，但我希望它留在它旁边）
我遇到的另一个问题是，当有小屏幕时，我希望它能够优雅地回落，例如将第二个图像放在第一个图像下方，将输入控件放在另一个下方，并使整个屏幕宽度更大并且更容易与之交互，但到目前为止，我只能通过我的测试打破布局。
此问题：表单布局中断，内部控件（输入，按钮等）超出容器div。如何强制容器将所有内容保存在内？我已尝试使用块，浮点数等等，但如果布局中断，输入框通常会超出灰色矩形。
上一期：如果我在现有网站中插入此表单（例如，wordpress中的页面），布局会因为主题样式的影响而被彻底销毁。如何在表单上强制执行我的样式，使其与其他样式隔离？我可以将iframe视为一种解决方案，但它是唯一的解决方案吗？这是一个很好的做法吗？
任何人都可以帮助我吗？
答案 0 :(得分：1)
您可能需要查看here。它是我刚刚设置的一个网站，用于解释使用jQuery插件管理重做布局的响应方法。我认为它可以很容易地适用于你的例子。另外，因为它可以在网页的任何深度定位容器div，所以在您想要重排的布局位于第三方容器内的情况下（只要您可以在页面上运行脚本），它可能会有所帮助。 / p>