导航栏和页脚之间的主容器内的填充

大家好，正如标题所说，我有一个导航栏和一个页脚，因为现在我还没有将页脚放在底部。但是我没有那么容易受到攻击的代码，这就是为什么我无法找到导致问题的原因。现在，问题开始了，在页眉和页脚之间，内容应从开头开始，这意味着0填充和0边距，但以某种方式添加了padding-left

我的HTML

<nav class="onio_nav">
    <ul class="onio_item_left">
        <li class="onio-item">
            <div class="bars_container">
                <i class="fa fa-bars"></i>
            </div>
        </li>
    </ul>
    <ul class="onio_item_right">
        <li class="onio-item px">
            <div class="private_container px">
                <i class="fa fa-envelope" class="envelope"></i>
            </div>
        </li>
        <li class="onio-item px">
            <div class="private_container px">
                <i class="fa fa-globe" style="padding-left: 9px;"></i>
            </div>
        </li>
        <li class="onio-item px">
            <div class="private_container px">
                <i class="fa fa-headphones"></i>
            </div>
        </li>
        <li class="onio-item px">
            <div class="logo_container">
                <img src="default_images/default_avatar.png" />
            </div>  
        </li>
        <div class="dropdown">
            <ul>
                <li>
                    <i class="fa fa-user"></i> My Profile
                </li>
                <li>
                    <i class="fa fa-user"></i> My Profile
                </li>
            </ul>
        </div>
    </ul>   
</nav>
sdsd
<nav class="onio_nav">

</nav>

我的CSS

body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    height: 100%;
    width: 100%;
}
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
nav {
    width: 100%;
    height: 50px;
    background-color: #2c3e50;
}
.onio-item {
    padding-top: 7px;
}
.onio_item_left {
    padding-left: 10px;
    float: left;
}
.onio_item_right {
    float: right;
    padding-top:1px;
}
.px {
    padding-right: 10px;
}
.onio_item_right li {
    display: inline-block;
}
.bars_container {
    width: 35px;
    height: 35px;
    background-color: #34495e;
    border-radius: 50%;
    color: #7f8c8d;
    cursor: pointer;
    transition: color 0.9s;
}
.bars_container i {
    padding-left: 9.3px;
    padding-top: 7.8px;
    font-size: 19px;
}
.private_container {
    width: 30px;
    height: 30px;
    background-color: #34495e;
    border-radius: 50%;
    color: #7f8c8d;
    cursor: pointer;
    transition: color 0.9s;
}
.private_container i {
    padding-left: 8.5px;
    padding-top: 8px;
    font-size: 14px;
}
.bars_container:hover {
    background: linear-gradient(200deg, rgba(58,180,177,1) 21%, rgba(29,253,217,1) 79%);
    color: white;
}
.private_container:hover {
    background: linear-gradient(200deg, rgba(58,180,177,1) 21%, rgba(29,253,217,1) 79%);
    color: white;
}
.logo_container img {
    width: 35px;
    border-radius: 50%;
}
.dropdown {
    background-color: #2c3e50;
    margin-top: 7px;
    margin-right: 15px;
    display: none;

}
.dropdown li {
    display: block;
    padding: 10px;
    border-bottom: 1px solid black;
    color:  white;
    z-index: 999;
}
.dropdown li:hover {
    box-shadow: 0 0 10px #2c3e50, 0 0 40px #2c3e50, 0 0 80px #2c3e50;
}