Full width DIV inside container

				
					html {
    width: 100%;
    height: 100%;
}

.container {
    width: 300px;
    background-color: red;
    margin: 0 auto;
    height: 1000px;
    position: relative;
    padding-top: 100px;
}

.my-wrapper {
    position: relative;
}

.my-container {
    height: 300px;
    background-color: #0f0;
    width: 100vw;
    margin-left: calc(-50vw + 50% - 8px);
    position: relative;
}