弹性布局不主张使用固定像素。原因是,屏幕的高度和宽度要不断改变,网页布局需要动态适应这一变化,如果固定值太多会影响到在各个媒体的显示。可以用一个简单的公式来计算目标的相对值:
target &pide; context = result这个公式指的是目标的宽度除以父容器的宽度,结果就是该目标占有父容器的百分比。
下面是一个简单的两栏布局,他的父容器包括两个p,a和b两个元素。首先是传统的固定像素布局:
.container {width: 1000px;}
#a {float: left; margin: 10px; width: 600px;}
#b {float: right; margin: 10px; width: 300px;} 响应式网页布局研究(2):http://www.youerw.com/jisuanji/lunwen_10833.html