弹性布局不主张使用固定像素。原因是,屏幕的高度和宽度要不断改变,网页布局需要动态适应这一变化,如果固定值太多会影响到在各个媒体的显示。可以用一个简单的公式来计算目标的相对值:
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的电子请帖网站的设计+源码

基于MOODLE平台的在线交互式学习设计

基于启发式算法的智能路径规划研究

基于网络的通用试题库系...

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

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

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

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

AES算法GPU协处理下分组加...

提高教育质量,构建大學生...

浅谈高校行政管理人员的...

STC89C52单片机NRF24L01的无线病房呼叫系统设计

基于Joomla平台的计算机学院网站设计与开发

从政策角度谈黑龙江對俄...

浅论职工思想政治工作茬...

酵母菌发酵生产天然香料...

压疮高危人群的标准化中...

上海居民的社会参与研究