css 如何让element ui的MessageBox框在顶部

可以通过设置MessageBox的样式来实现将其显示在网页的顶部位置。具体操作如下：

1. 首先需要先引入element ui的CSS文件，可以在HTML中添加以下代码：

<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

2. 在CSS文件中覆盖MessageBox的样式，将其显示在顶部位置。可以使用以下样式代码：

.el-message-box__wrapper{
  top: 0;
}

3. 使用element ui的MessageBox时，需要设置其父元素的position属性为relative，否则MessageBox会在页面的最顶层显示，而不是在当前父元素位置上方。代码如下：

<div style="position: relative;">
  <el-button @click="showMessageBox">点击弹出MessageBox</el-button>
</div>

methods: {
  showMessageBox() {
    this.$alert('这是一条提示信息', '提示', {
      confirmButtonText: '确定',
      callback: action => {
        console.log(action);
      }
    });
  }
}

通过以上操作，就可以将element ui的MessageBox框显示在网页的顶部位置了。