基于CSS+DIV的自适应宽度网页布局方法  

A Self-Adaption Page Layout Method Based on CSS + DIV

作　　者：黄雪琴[1] 耿强[2] 陈显军[2] 

机构地区：[1]海南经贸职业技术学院,海南海口571127 [2]海口经济学院,海南海口571127

出　　处：《计算机与现代化》2014年第6期53-55,60,共4页Computer and Modernization

基　　金：2013年海南省自然科学基金资助项目(613169);2013年海南省教育厅高等学校科学研究项目(Hjkj2013-48);2013年海南省教育厅教育科学规划资助项目(QJY125050);2013年海南经贸职业技术学院资助项目(hnjm2013109);2013年海南经贸职业技术学院资助项目(JY201309)

摘　　要：CSS+DIV网页布局方法已逐渐成为网页设计的主流技术,本文首先简要介绍目前常用布局技术的特点,然后以三行两列的网页布局为例,结合具体的代码实现,重点分析单列自适应宽度和两列自适应宽度的CSS+DIV网页布局方式以及实现技巧。实践表明,本方法能使网页显示更加灵活,同时代码对于众多现代化的智能设备而言将更具可移植性。CSS ＋ DIV layout schema has gradually become the core technology when design HTML page. This paper explains and compares several HTML page layout technologies in common used, and shows a self-adaption page layout pattern coded in CSS ＋ DIV schema, which give an example of self-adaption HTML page with 2-rows and 3-clolumn. The example code focuses on the techniques of making one column adaptive to the screen when the other two are fixed, and in similar way by making two columns adaptive when only one column is fixed. So many practices have revealed that self-adaption layout pattern makes the page to dis- play more flexible and more portable when target some modem devices.

关 键 词：CSS+DIV 网页设计 网页布局 自适应宽度 

分 类 号：TP393[自动化与计算机技术—计算机应用技术]