как позиционировать div с позицией: абсолютный, в теле с шириной 100%, с одинаковым левым и правым пространством?

Question

У меня есть <div> с position:absolute Я хочу разместить свое <div> пространство слева и справа с 20px, но width: должно быть 100%. Я даю свои коды, и вы можете видеть, как это выглядит сейчас, с помощью margin: 0 20px 0 20px Но, если возможно, без создания какого-либо другого внутреннего или внешнего <div. Есть ли способ для этого или мне нужно создать еще один <div>?

(пожалуйста, не удаляйте вопрос, я уже пробовал подобный вопрос извините: /)

.navbar {

    position: absolute;
    width: 100%;
    height: 50px;
    background: grey;
    overflow: hidden;

}

.navbar ul {

    list-style-type: none;
    padding: 0px;
    margin-top: 0px;
    line-height: 50px;
}

.navbar ul li {

    float: left;
    margin-left: 15%;
    padding-left: 1%;
    padding-right: 1%;
    margin-top: 0px;

}


.navbar ul li a {

    color: white;
    text-decoration: none;
}


.navbar ul li:hover {

    background: #585858;

}

.daily {

    position: absolute;
    top: 70px;
    height: 110px;
    width: 100%;
    border: 1px solid black;
    margin: 0 20px 0 20px


}

    <div class="navbar">
        <ul>
            <li><a href="">HOME</a></li>
            <li><a href="">ABOUT</a></li>
            <li><a href="">INFO</a></li>
            <li><a href="">ME</a></li>
        </ul>   
    </div>
    <div class="daily">
    </div>
    <div class="aussen">

, так что пространство слева хорошо, но я хочу то же самое и справа. Что не так с моим кодом? - также принимать предложения по улучшению:)

Answer 1

Попробуйте это:

.daily {
    position: absolute;
    top: 70px;
    height: 110px;
    border: 1px solid black;
    left: 20px;
    right: 20px;
}