2-6 编程练习

一、在右侧代码的body标签中添加一个div，设置其class属性为mainBox。

二、在mainBox中添加两个div，其class属性分别为leftBox和rightBox。

三、在右侧代码的</head>之前，分别定义类选择器mainBox、leftBox、rightBox，并按照题目要求定义其CSS样式。

提示:
  1．根据任务要求设置相关CSS样式
  2. leftBox和rightBox需要嵌套在mainBox中

注意：leftBox和rightBox设置浮动之后脱离了普通的文档流，不再占用原来文档中的位置，因此无法把父div撑开。

解决的方法：

①可以给父div也设置高度为300px，使页面中的leftBox和rightBox看起来“好像”还在原来的位置；
②定义一个类选择器，并设置clear:both；清除浮动，同时为了解决IE6中div有高度的问题可以增加属性height:0;overflow:hidden;
其他解决方法可以参照上面的评测题