Javascript 使选项卡正确对齐

Javascript 使选项卡正确对齐,javascript,html,css,Javascript,Html,Css,我正在尝试将选项卡添加到面板中,但是选项卡没有与从它们派生的框对齐(对齐)。我应该怎么做才能纠正这个问题?以下是实际代码:。我正在尝试创建如下屏幕截图所示的视图: 表1 表2 你发烧吗? 你咳嗽吗? 去看医生! 你很健康! 小心! 测试 只需删除部分的填充和表单的边距: section { display: none; padding: 20px 0 0; border-top: 1px solid #ddd; padding: 0; } #msform fie

我正在尝试将选项卡添加到面板中,但是选项卡没有与从它们派生的框对齐(对齐)。我应该怎么做才能纠正这个问题?以下是实际代码:。我正在尝试创建如下屏幕截图所示的视图:


表1
表2
你发烧吗?

你咳嗽吗?
去看医生!
你很健康!
小心!
测试
只需删除部分的填充和表单的边距:

section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
  padding: 0;
}


#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
    padding: 20px 30px;

    box-sizing: border-box;
    width: 80%;
    //margin: 0 10%;  // no margin

    /*stacking fieldsets above each other*/
    position: absolute;
}


我还在努力,虽然距离很近,但还不够,能帮上忙吗?:o我不确定你到底是如何努力清理语法和问题陈述的