实验四CSS+DIV 基础.doc

常熟理工学院 计算机科学与工程学院 实验报告 学年 第 学期 课程名称 专 业 班 级 学 号 姓 名 实验地点 指导老师  实验报告要求 1．在实验课前要认真预习实验内容，熟习实验的、 2．根据实验指导书要求，认真完成实验实验。 。4．实验时要严肃认真，不得互相抄袭。 5实验报告。 html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / style type=text/css #nav{ margin: 0px auto; border:0px; background:#ccd2de; width:580px; height:60px; text-align:center; padding-top:50px;} #mainbox { margin: 0px auto; width: 580px; background: #FFFFFF; } #menu{ float: right; margin: 2px 0px 2px 0px; padding:0px 0px 0px 0px; width: 400px; background: #ccd2de; } #sidebar{ float: left; margin: 2px 2px 0px 0px; padding: 0px; background: #F2F3F7; width: 170px;} #content{ float: right; margin: 1px 0px 2px 0px; padding:0px; width: 400px; background:#E0EFDE;} #footer{ clear: both; margin: 0px auto; padding: 5px 0px 5px 0px; background: #ccd2de; height: 40px; width: 580px; text-align:center; padding-top:20px;} /style title无标题文档/title /head body div id=nav 这里是nav /div div id=mainbox div id=sidebar这里是sidebar/div div id=menu这里是menu/div div id=contentp这里是content/pp这里是主要内容，根据内容自动适应高度/pp这里是主要内容，根据内容自动适应高度/pp这里是主要内容，根据内容自动适应高度/p /div /div div id=footer这里是footer/div /body /html 四、实验结果（遇到的问题及解决方法） 五、心得体会 (实验收获) 实验预习20% 实验过程20% 实验结果30% 实验报告30% 成绩 日期 实验名称 实验 实验目的 实验设备 实验日期 一、实验预习 二、实验内容 (原理、方法、框图) 三、实验过程（步骤、实现代码） 四、实验结果（遇到的问题及解决方法） 五、心得体会 (实验收获) 实验预习20% 实验过程20% 实验结果30% 实验报告30% 成绩 日期 实验名称 实验 实验目的 实验设备 实验日期 一、实验预习 二、实验内容 (原理、方法、框图) 三、实验过程（步骤、实现代码） 四、实验结果（遇到的问题及解决方法） 五、心得体会 (实验收获) 实验预习20% 实验过程20% 实验结果30% 实验报告30% 成绩 日期 实验名称 实验 实验目的 实验设备 实验日期 一、实验预习 二、实验内容 (原理、方法、框图) 三、实验过程（步骤、实现代码） 四、实验结果（遇到的问题及解决方法） 五、心得体会 (实验收获) 实验预习20% 实验过程20% 实验结果30% 实验报告30% 成绩 日期 实验名称 实验 实验目的 实验设备 实验日期 一、实验预习 二、实验内容 (原理、方法、框图) 三、实验过程（步骤、实现代码） 四、实验结果（遇到的问题及解决方