Использование функции Cal c () в css только для заполнения слева и сверху

Question

Я проектирую сайт в HTML & SASS. У меня есть фиксированный заголовок и в сторону.

    header{
        width: 100%;
        box-shadow: 0 0 4px rgba(0,0,0,.25);
        position: fixed;
        z-index: 5;
        top: 0;
        left: 0;
        right: 0;
    }
    aside{
        height: 100vh;
        width: 320px;
        border-right: 1px solid #e2e2e2;
        position: fixed;
        top: 0;
        left: 0;
        text-align: center;
        padding: 0 1.25rem;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center;
        z-index: 3;
    }
    main {
        padding: 69px 0 0 320px;
        z-index: 1;
        overflow: hidden;
        width: 100%;
    }

Основной контент занимает не всю ширину страницы. так как я могу использовать cal c () в main, чтобы минус отступ сверху и слева от ширины. Вот скриншот для лучшего понимания

Answer 1

Попробуйте ширину: cal c (100% - 320px);