导航栏CSS

Question

我想要这样的布局：

到目前为止，我只尝试了

ul{
    background-color:#e74c3c;
    margin: 0;
    padding: 50px; 
    list-style-type: none;
}

但它只涵盖了正确的部分。我想要一个巨大的导航栏，并在整个页面中展开。我该怎么做？