用CSS设置位置摆放.docx

用CSS设置位置摆放 1、float:设定浮动性质(多用于文绕图的情形)可设值:left(元素靠左,文字围绕其右);right(元素靠右,文字围绕其左);none(以预设的方法显示)范例:DIV{float:right}或<DIVstyle="float:right"> 2、clear:设定清除性质(设定是否允许浮动元素之存在)可设值:both(若两边有浮动元素,则该元素移至浮动元素下方);left(若左边有浮动元素,则该元素移至浮动元素下方);right(若右边有浮动元素,则该元素移至浮动元素下方);none(以预设的方法显示)范例:DIV{clear:right}或<DIVstyle="clear:right"> 3、width:设定宽度可设值:auto(以固定比例自动变化大小) 参数值: <length>长度单位<percentage>百分比,以父元素宽度为基准范例:DIV{width:300pt}或<DIVstyle="width:300pt"> 4、height:设定高度可设值:auto(以固定比例自动变化大小) 参数值: <length>长度单位<percentage>百分比,以父元素宽度为基准范例:DIV{height:300pt}或<DIVstyle="height:300pt"> 5、position:设定位置可设值:absolute(以父元素为基准,摆设在特定位置上);relative(以相邻元素为基准,摆设在特定位置上);static(预设位置,以该元素于原始码中位置而定)范例:DIV{position:static}或<DIVstyle="position:static"> 6、top:设定顶端位置可设值:auto(以固定比例自动变化大小) 参数值: <length>长度单位<percentage>百分比,以父元素宽度为基准范例:DIV{top:30pt}或<DIVstyle="top:30pt"> 7、left:设定左端位置可设值:auto(以固定比例自动变化大小) 参数值: <length>长度单位<percentage>百分比,以父元素宽度为基准范例:DIV{left:30pt}或<DIVstyle="left:30pt"> 8、clip:设定裁剪(设定某区域形状及大小,区域外通透)参数: rect(top,right,bottom,left)设定矩形之上右下左长度,会自动比对对边长度范例:DIV{clip:rect(0,100px,50px,0)}或<DIVstyle="clip:rect(0,100px,50px,0)"> 9、overflo