基于纯HTML+CSS代码创建网页后台自适应布局方法

摘要

本发明涉及网页开发技术领域，具体涉及一种纯HTML+CSS代码创建网页后台自适应布局方法。本发明包括如下步骤：创建HTML元素界面布局文件和CSS样式文件；创建网页主体部分，并且设置宽度、高度、绝对定位属性；在主体下创建网页侧边导航栏，并且设置宽度、高度、绝对定位属性；在主体下创建网页侧边内容栏，并且设置高度、外边距、绝对定位等属性；在界面布局文件中引入CSS文件。本发明通过CSS代码使得内容栏可以自适应屏幕宽度；替代了目前大部分网页后台使用float浮动布局以及iframe框架的情况，有效地使得页面能够进行宽度自适应以及规避了使用iframe框架所带来的弊端。

主权项

一种基于纯HTML+CSS代码创建网页后台自适应布局的方法，其特征在于：包括如下步骤：创建HTML元素界面布局文件和CSS样式文件；创建网页主体部分，并且设置宽度、高度、绝对定位属性；在主体下创建网页侧边导航栏，并且设置宽度、高度、绝对定位属性；在主体下创建网页侧边内容栏，并且设置高度、外边距、绝对定位等属性；在界面布局文件中引入CSS文件。