Obtenga dos columnas con diferentes colores de fondo que se extienden hasta el borde de la pantalla

No es un duplicado de esto .

Intento crear dos columnas en una página web con diferentes colores de fondo que se extienden a los bordes de la pantalla. Pero el contenido de las columnas debe mantenerse dentro del ancho del cuadro de arranque.

Debe tener un aspecto como este: enter image description here

Encontré esta respuesta que casi funcionó, pero el contenido interno no estaba alineado correctamente dentro del ancho del cuadro, especialmente en pantallas grandes de más de 1600 px. Básicamente terminó pareciéndose a:

enter image description here

Debajo, hay un fragmento de código de lo más cerca que pude de él trabajando, puede ser el enfoque equivocado por completo:

 

Normal Boxed Width

Left Panel

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae doloribus unde, distinctio a autem, soluta nulla similique. Vero natus deleniti, culpa consequuntur eveniet beatae laudantium in fuga mollitia sapiente! Assumenda!

Right Panel

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus, beatae amet est repellendus optio, exercitationem distinctio quasi ut, sapiente, nihil sed libero facere fugiat eaque numquam nulla mollitia suscipit nobis.

Use otra envoltura DIV alrededor de un segundo contenedor …

 

Normal Boxed Width

Left Panel

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae doloribus unde, distinctio a autem, soluta nulla similique. Vero natus deleniti, culpa consequuntur eveniet beatae laudantium in fuga mollitia sapiente! Assumenda!

Right Panel

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus, beatae amet est repellendus optio, exercitationem distinctio quasi ut, sapiente, nihil sed libero facere fugiat eaque numquam nulla mollitia suscipit nobis.

EDITAR

Use un elemento psuedo como …

 .right:before { right: -999em; background: rebeccapurple; content: ''; display: block; position: absolute; width: 999em; top: 0; bottom: 0; } 

http://www.codeply.com/go/YssQ5T7pxq


Ejemplo actualizado de Bootstrap 4


Pregunta similar: Bootstrap contenedor llenar lados con colores