原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
基于cssdiv的页面分栏布局的应用applicationofwebcolumnlayoutbasedoncssdiv
第15卷第4期 北京工业职业技术学院学报 No．4V01．15
2016年10月 JOU】INAL0FBEIJINGPOLYTECHNICCOLLEGE 0ct．2016
基于CSS+DIV的页面分栏布局的应用
孙秀娟 田晓玲
(北京工业职业技术学院电气与信息工程学院，北京100042)
摘要：针对网页设计中常见的网页版式，利用CSS+DIV样式与布局来实现页面分栏布局。根据固定宽度
和自适应宽度版式的特点，给出1列固定宽度、2列固定宽度、3列固定宽度的布局方法。在此基础上，研究
1列自适应、2列自适应和3列自适应宽度的布局方法。以上布局方法，为设计者快速完成页面布局提供了
很好的解决方案。
关键词：CSS+DIV；分栏布局；float；自适应
中图分类号：TP399 文献标识码：A 文章编号：1671—6558(2016)04—10一05
doi：10．3969／j．issn．1671—6558．2016．04．003
ofWebColumnBasedonCSS+DIV
Application Layout
SUN TIAN
Xiujuan Xiaoling
ofElectricalandInformation
(School Engineering，BeijingPolytechnic 100042，China)
College，Beijing
tothecommonweb inweb canuseCSS+DIV the
and torealize
Abstract：According layout design，we style layout
webcolumn iS fixed
a width．two—columnfixedwidth．three—columnfixedwidth methods
layout．Itgiven layout
on width
，basedthecharacteristicsoffixed and width．Onthis ofonecolumn
adaptive basis，thelayout adaptive，
two—columnandthree—columnwidthare the methodsabove a
adaptive adaptive proposed．Alllayout provide
solutionfor to theweb
good designerscomplete layoutquickly．
Keywords：CSS+DIV；column
layout；float；adaptation
0引言 难度，但可以灵活地进行页面分栏布局。可以通过
在网页设计中，常用表格和CSS+DIV来进行修改CSS属性来重新定位页面的拓扑结构。调整
页面的布局。在网页布局时，常常需要对页面进行 网站的布局结构也比表格布局要容易的多，同时能
分栏，形成分
您可能关注的文档
- 多智能体机器人系统分散式通信决策研究 research on decentralized communication decision in the multi-agent robotic system.pdf
- 多载具自动化存取系统货位分配优化 slotting optimization in a multi-shuttle automated storage and retrieval system.pdf
- 多种通信网络及接口转换模块的研制 development of multiple communication networks and interfaces conversion module.pdf
- 多种相似性测度结合的局部立体匹配算法 a local stereo matching algorithm based on the combination of multiple similarity measures.pdf
- 多重备份体系在水利政务业务一体化协同平台中的研究与应用 research & application of multiple backup system on the integrated collaborative platform in e-government of water resources.pdf
- 多重分形网络流量判别方法和产生方法 ways of indentfying and producing multifractal networks traffic.pdf
- 多重备份防意外,wps放心用.pdf
- 多重分形下不同网络流量的合成模型 reconstruction model of different network traffic based on multi-fractal.pdf
- 多重数字签名方案及其安全性证明 digital multi-signature scheme and its security proof.pdf
- 多重广义mp问题的三ⅰ真度解 triple ⅰ truth degree solution of multiple generalized modus ponens problem.pdf
- 基于cst粒子工作室的熔炼电子枪发生系统的仿真 simulation on the generating system of melting electron gun based on cst particle studio.pdf
- 基于ct图像三维重建全骨盆模型与3d打印.pdf
- 基于cs结构的医院门诊管理信息系统设计与开发 design & development of outpatient management information system based on cs structure.pdf
- 基于cuda的高效idea加密算法设计与实现 design and implementation of efficient idea encryption algorithm based on cuda.pdf
- 基于cuda的smac算法并行化 smac algorithm parallelization based on cuda.pdf
- 基于cuda的视频运动目标检测算法并行实现 parallel implementation of video moving object detection algorithm based on cuda.pdf
- 基于cuda的测井数据并行处理方法初探 on log data parallel processing method based on cuda.pdf
- 基于dcbi网管系统的批量加费系统设计与实现 design and implementation of fee adding system based on dcbi system.pdf
- 基于davinci技术的嵌入式web视频监控系统的设计 design of embedded web video monitoring system based on davinci technology.pdf
- 基于dab标准的数字调制系统的研究与设计 research and implementation of modulation system based on dab.pdf
文档评论（0）