CSS布局常用的方法2
[color=#000][font=Verdana][size=9.5pt]xhtml:[/size][/font][/color][color=#000][font=Verdana][size=9.5pt]QUOTE:[/size][/font][/color]
[color=#000][font=Verdana][size=9.5pt]<div id="warp">[/size][/font][/color]
[color=#000][font=Verdana][size=9.5pt]<div id="column1">[font=宋体]这里是第一列[/font][font=Verdana]</div>[/font][/size][/font][/color]
[color=#000][font=Verdana][size=9.5pt]<div id="column2">[font=宋体]这里是第二列[/font][font=Verdana]</div>[/font][/size][/font][/color]
[color=#000][font=Verdana][size=9.5pt]</div>[/size][/font][/color]
[color=#000][font=Verdana][size=9.5pt]CSS:[/size][/font][/color]
[color=#000][font=Verdana][size=9.5pt]QUOTE:[/size][/font][/color]
[color=#000][font=Verdana][size=9.5pt]#wrap{ position:relative;/*[font=宋体]相对定位[/font][font=Verdana]*/width:770px;}[/font][/size][/font][/color]
[color=#000][font=Verdana][size=9.5pt]#column1{ position:absolute; top:0; left:0; width:300px;}[/size][/font][/color]
[color=#000][font=Verdana][size=9.5pt]#column2{position:absolute; top:0; right:0; width:470px;}[/size][/font][/color]
[color=#000][font=Verdana][size=9.5pt]他们的区别在哪[font=Verdana]?[/font][/size][/font][/color]
[color=#000][font=Verdana][size=9.5pt]显然，[font=Verdana]float[/font][font=宋体]是相对定位的，会随着浏览器的大小和分辨率的变化而改变，而[/font][font=Verdana]position[/font][font=宋体]就不行了，所以一般情况下还是[/font][font=Verdana]float[/font][font=宋体]布局！[/font][/size][/font][/color]
页:
[1]