自适应一般用百分比或em来做宽度单位，开发难度比固定宽度大。比如有个导航条，用固定宽度宽1200px，那么你去手机上看，由于屏幕宽度不够，有两个选择：
出现横向滚动条，要浏览者左右滑动
整个页面缩放到宽度和手机分辨率一样，那么，文字、链接什么的也缩小到了阅读点击困难的尺寸，需要不停放大页面和缩小页面来观看
然后用自适应来做这个导航条，总宽度设为100%，里面有5个按钮，每个宽度设为20%，它就会根据屏幕尺寸缩放，再用css媒体查询去判断，当宽度太小时，5个按钮就不再横着一排，而变成竖着排列，或再复杂点加上js，让整个导航栏变成一个菜单按钮，按了再弹出5个链接按钮。
那么，导航栏可以这样控制，页面其他内容也可以这样控制，于是你同一个页面在电脑、平板、手机上看，都可以有不同的版式来适合当前设备。
你可以百度下css媒体查询、自适应布局方面的教程看看，另外：记住百分比是用在宽度上，高度上你还是忘了百分比吧。
div+css做页面的一行两列布局，首先我们是需要三个div的，第一个div包裹着其他的2个div，然后给那2个div设置float属性和width，height，最好是给个border利于布局的时候方便观察，这里举个例子：<html>
<head>
<style>
#div1{
width:960px//通过id来控制
height:600px
}
.left{
width:400px
height:400px
border:1px solid #f00
float:left
marign-right:40px //距离第三个div有点距离
}
.right{
width:400px
border:1px solid #f00
height:400px
float:left
}
</style>
</head>
<body>
<div id='div1'>
<div class='left'>我是左边的</div>
<div class='right'>我是右边的</div>
</div>
</body>
</html>
