Question

为什么单击Login并打开对话窗口后。主页面样式正在发生变化。例如，当对话窗口关闭.css of body

时

body {
    margin:0 auto;
    width:70%;
}

当它打开时

body {
    margin:0 auto;
}

打开对话框窗口时如何防止改变体型？

Answer 1

从正文中删除样式并将其添加到一个包含其他所有内容的div中。

所以改变身体看起来像这样......

body {
  margin:0 auto;
}

并添加div

  <body ng-app="MyApp">
    <div style="position:absolute;width:70%;left:15%">
     ...
    </div>
  </body>

以下是它在codepen上应该是什么样子