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
...
阅读全文…
取值:
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
...
阅读全文…
div+css布局IE里最后几个字重复显示 ,背景重复显示
[ 2009-11-18 09:46:38 | 作者: admin ]
出现原因:
两个浮动之间有注释
解决方法:
1.囧!~~把注释去掉
2.以后有好的方法再添加……
遇到同样问题的童鞋们,希望这个对你们有帮助……
http://hi.baidu.com/wxnyjbb/blog/item/75a0c451f7b0796a84352471.html
两个浮动之间有注释
<!--我是无辜的注释同志-->
解决方法:
1.囧!~~把注释去掉
2.以后有好的方法再添加……
遇到同样问题的童鞋们,希望这个对你们有帮助……
http://hi.baidu.com/wxnyjbb/blog/item/75a0c451f7b0796a84352471.html
1