8.HTML——div布局

<div>布局

代码：

运行效果：

 

 

1.利用body文档内部样式，直接用margi=0来让全部内容完全填充屏幕。

2.除了最后显示的头部菜单等，还用了一个zongti,目的是定义出height的具体数值，以便后来的百分数值使用。

3.float:left 这一行代码的使用是为了让绿色和橙色的部分从左到右依次拍列，而不是橙色的部分认为绿色这一行代码已经结束，从而实行换行处理，最后实现在绿色的部分下面显示；clear:both这一行代码的使用是为了清除float 的作用效果。