这部分则是内容了，对于id、style的解读，与上面的注释里面的解读是一样的效果。至于float则是挨着前面的float悬浮。
我们发现div的块儿是可以嵌套块儿的。外层的块儿定义一个长宽出来（或者只定义长，亦或者只定义宽都可以）那么内部的块则以外部块儿的长宽为基准了
至于布局时候用的float属于css部分的内容，即浮动。可以使得块在一排展示（默认的换行的，float则不换行，相当于浮在上空）。具体效果可以尝试去掉，加回来等来对比看效果。
如果希望前面有float效果，后续没有，则可以用一个div里面的css写clear:both;就好了。
至于具体的注释，我就不再贴出来了，直接看源码里面的注释吧。本内容的布局更倾向是对css的理解，反而不是纯html的内容了。
在最后，我们想说除了div的布局外，我们还可以使用table来实现布局的效果，具体就不展示了。可以去看看菜鸟教程的效果展示。