应该是 html+css布局 html是结构，css是式样，js是行为，利用html将框架搭建出来，比如lthtml ltheadlthead ltbody ltdiv class=quotcontainquot ltdivltdiv ltdivltdiv ltdiv ltul ltul ltdiv ltdiv ltbody lthtml 利用css对这些进行样式的修改，比如他们的位置 ，大小。

布局流程1设左右列宽度，左浮动2中间栏设左右边距等于左右列宽度布局流程1设父元素相对定位2左右侧栏绝对定位，中间栏相对定位3中间栏左右margin等于左右侧栏宽度布局演示图片展示 总结固定与自适应布局是基础实践与学习资源推荐资源链接学习教程CSS在线编辑器速查工具。

2我们利用CSS通过class来设置div的边框创建一个用于设置边框的CSS文件，对于您实际开发中，将边框添加到您的CSS文件中即可在CSS文件中设置DIV的边框，首先我们可以先给div一个宽度与高度3新建一个html文件，命名为testhtml，用于讲解div+css布局的基本流程在testhtml文件内，对body进行样式。

可以把要显示的内容放到一个iframe中，这样在点击的时候就可以不用往下移动了，你可以试试，主要是你把tophtml放在iframe中，内容还是要变动的，要是把导航中的显示窗口都定义为iframe的名字就行了。

html css基础教程归纳如下第1Html介绍本章节主要讲解html和css样式的关系，以及html标签html文件结构head标签，最后讲解了在html中的注释代码的作用第2认识标签第一部分学完这一章节将对标签的使用有了一些初步的认识，可以使用标签制作出一篇简单的文章网页下一章节将进一步学习另外一部分。

1新建一个html页面2在html页面上新建三个div标签，分别为这三个div添加class为headermainfooter3创建style标签用于设置css样式在title标签下创建一个style标签，然后为header类设置div的高背景颜色样式4为显示主要内容的main类设置样式在style标签里设置main类样式的边框宽高。