浏览模式: 普通 | 列表
11月, 2009 | 1

div+css经典布局案例参考

[ 2009-11-18 22:16:41 | 作者: admin ]
1.CSS布局常用的方法:

取值:
none :  默认值。对象不飘浮
left :  文本流向对象的右边
right :  文本流向对象的左边

它是怎样工作的,看个一行两列的例子

xhtml:

<div id="warp">
<div id="column1">这里是第一列</div>
<div id="column2">这里是第二列</div>
<div class="clear"></div>
</div>
CSS:

#wrap{ width:100%; height:auto;}
#column1{ float:left; width:40%;}
#column2{ float:right; width:60%;}
.clear{ clear:both;}
position : static | absolute | fixed | relative
...

阅读全文…
出现原因:
两个浮动之间有注释
<!--我是无辜的注释同志-->

解决方法:
1.囧!~~把注释去掉

2.以后有好的方法再添加……

遇到同样问题的童鞋们,希望这个对你们有帮助……

http://hi.baidu.com/wxnyjbb/blog/item/75a0c451f7b0796a84352471.html
1