(简答题) 一：创建整体div布局
1创建四个div，内容暂空，可填部分文字以作区分。
说明：可取名字：header logo nav top main fotter bottom
2宽度和背景等自定。
说明：若宽度不能平铺整个页面，则通过调整margin（0px auto）属性使其居中。
3 设定盒子高度。因盒子里未插入具体内容，可以先调整高度等插入内容后高度值可删除。
说明：Header nav等一般<100px，main可在400-800之间，footer bottom一般<100px
4查看结果。
二：调整main（版心）
在main中插入三个子盒子left center right，并删除main原有的文字。
1三个子盒子宽度、背景自定义（为后期定位方便尽量取整数值），但总和不能超过main宽度，查看结果。
例题宽度为：left300px center500px right200px
Main1000px
2调整三个子盒子高度（高度暂且一致），否则将以文字内容高度为准（同一3），查看结果。
3由于插入三个子盒子，并且为兄弟关系，则总高度超过原则父亲盒子main高度，删除main高度做自适应高度。
三：调整三个子盒子的float属性，让三个位于一行。
1调整left盒子的float值为left，查看结果。发现center部分内容被遮挡，原因为float为向父亲的左（右）边界靠拢除非碰到兄弟边界并脱离标准流，兄弟center以为left盒子不在家，占据left盒子原来所在的位置。
解决方法：继续调整center和right盒子的float值，查看结果。
2调整float为right，查看结果。
3发现版权信息受到影响（因main没有高度而且所有子盒子均脱离标准流，导致main以为子盒子不在家，自适应高度后即为空，兄弟盒子自然上去）
解决方法：给main添加overflow: hidden;属性
或给main重新设定高度；
或者在最后一个孩子的后面添加兄弟盒子
clear清除两边的浮动属性
这是问题 还是自问自答
问题和描述没对应，描述也没有说明具体需求，
如果只是一板一眼完成描述提到的东西，写出来的代码没有可读性和实际意义