弹性布局不主张使用固定像素。原因是,屏幕的高度和宽度要不断改变,网页布局需要动态适应这一变化,如果固定值太多会影响到在各个媒体的显示。可以用一个简单的公式来计算目标的相对值:
target &pide; context = result这个公式指的是目标的宽度除以父容器的宽度,结果就是该目标占有父容器的百分比。
下面是一个简单的两栏布局,他的父容器包括两个p,a和b两个元素。首先是传统的固定像素布局:
.container {width: 1000px;}
#a {float: left; margin: 10px; width: 600px;}
#b {float: right; margin: 10px; width: 300px;}
上一篇:Web网站安全防御系统的研究+文献综述
下一篇:Asp.NET的电子请帖网站的设计+源码

考证平台静态网页设计与制作

基于消费者个性特征的化...

计算机應用型人才的培养模式研究【2293字】

浅谈嵌入式Modem的通信技术【2467字】

浅析嵌入式系统支柱學科...

改善嵌入式Linux实时性能的方法研究【2067字】

探析动画视听设计元素茬...

中国学术生态细节考察《...

AT89C52单片机的超声波测距...

承德市事业单位档案管理...

医院财务风险因素分析及管理措施【2367字】

10万元能开儿童乐园吗,我...

国内外图像分割技术研究现状

公寓空调设计任务书

志愿者活动的调查问卷表

神经外科重症监护病房患...

C#学校科研管理系统的设计