发新话题
打印

CSS布局常用的方法1

CSS布局常用的方法1

1.CSS布局常用的方法:float : none | left | right 取值:none :  默认值。对象不飘浮 left :  文本流向对象的右边 right :  文本流向对象的左边它是怎样工作的,看个一行两列的例子xhtmlUOTE:<div id="warp"><div id="column1">这里是第一列</div><div id="column2">这里是第二列</div><div class="clear"></div></div>CSSUOTE:#wrap{ width:100%; height:auto;}#column1{ float:left; width:40%;}#column2{ float:right; width:60%;}.clear{ clear:both;} position : static | absolute | fixed | relative取值:static :  默认值。无特殊定位,对象遵循HTML定位规则 absolute :  将对象从文档流中拖出,使用 left , right , top , bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象,则依据 body 对象。而其层叠通过 z-index 属性定义 fixed :  未支持。对象定位遵从绝对(absolute)方式。但是要遵守一些规范 relative :  对象不可层叠,但将依据 left , right , top , bottom 等属性在正常文档流中偏移位置
表情的对方为:
1、它是怎样工作的,看个一行两列的例子
xhtml :

QUOTE:

<div id="warp">
2、CSS:
QUOTE :

#wrap{ width:100%; height:auto;}
发新话题