100% to take the size of the parent container instead.

#root2 {
    padding: 0;
    margin: 0;
    background-color: blue;
    width: 100%; /* Wider than parent to show horizontal scrollbar */
    height: 100%; /* Same height as parent initially */
}