お世話になっております。
動画内で Box 2 に子要素？を入れるとき、下のようになっているのですが、

(1) <div class="box2">
(2) <!--Box 2-->
(3) <div class="rect"</div>
(4) </div>

(4) の閉じタグは、(1) に対してのものでしょうか。
(2) でコメントアウトするのは、rect が Box 2 のものであるとわかりやすくするためでしょうか。
なぜこのような複雑な構造になるのか教えていただけますと幸いです。