css页面布局问题，求求各位大佬教教我，实在是想不出来来怎么问题在哪里了

我想请问一下各位大佬，我这里是什么问题，为什么会出现这种情况，怎么解决呀

为什么会出现这种情况呢？？？

我的代码是这样写的：

nav{
  width: 100%;
  height: 50px;
  background-color: #47b751;
}
nav ul{
  width:1435px;
  list-style:none;
  height: 45px;
  padding: 0;
}
nav ul li{
  width: 285px;
  height: 49px;
  border-left: solid 1px white;
  border-right:  solid 1px white;
  text-align: center;
  background-color: #47b751;
  font-size: 25px;
  float: left;
}

ul标签设置width大于nav的宽度，导致后面无法完全显示出来，宽度可以都使用百分比。

可以使用媒体查询用于移动端手机浏览器的开发，把px变为rem。页面内的元素会根据窗口的大小来等比例缩小放大。