标题:
CSS布局常用的方法2
[打印本页]
作者:
飞翔的蜗牛
时间:
2011-12-5 15:31
标题:
CSS布局常用的方法2
xhtml:
QUOTE:
<div id="warp">
<div id="column1">
这里是第一列
</div>
<div id="column2">
这里是第二列
</div>
</div>
CSS:
QUOTE:
#wrap{ position:relative;/*
相对定位
*/width:770px;}
#column1{ position:absolute; top:0; left:0; width:300px;}
#column2{position:absolute; top:0; right:0; width:470px;}
他们的区别在哪
?
显然,
float
是相对定位的,会随着浏览器的大小和分辨率的变化而改变,而
position
就不行了,所以一般情况下还是
float
布局!
欢迎光临 CSS论坛 (http://www.divcss5.com/bbs/)
Powered by Discuz! 6.1.0