請問Element-UI中的NavMenu的寬度怎么改變？

我在項(xiàng)目中引入elementUi后，視圖是這樣的

兩邊有一定的寬度，經(jīng)過審查元素得知，是.el-header中有個(gè)padding:0 20px;造成的，但是我這樣寫，仍然沒有改變樣式

<template>
  <el-menu
    :default-active="activeIndex"
    mode="horizontal"
    @select="handleSelect"
    background-color="#545c64"
    text-color="#fff"
    active-text-color="#ffd04b">
    <el-menu-item index="1">處理中心</el-menu-item>
    <el-menu-item index="2">處理中心</el-menu-item>
    <el-menu-item index="3">處理中心</el-menu-item>
    <el-menu-item index="4">處理中心</el-menu-item>
  </el-menu>
</template>

<script>
    export default {
      name: 'Header',
      data() {
        return {
          activeIndex: '1'
        }
      },
      methods: {
        handleSelect(key, keyPath) {
          console.log(key, keyPath)
        }
      }

    }
</script>

<style scoped>
  .el-header {
    padding: 0!important;
  }
</style>