本帖最后由 花落无声 于 2008-11-14 14:13 编辑
群里又说找不到代码了
一直以来都有人在找,说坛里没有
有点空,写一个吧
==========================
CSS定位中有以下几个属性:
position 取值: static | absolute | fixed | relative
top 取值: auto | length
left 取值: auto | length
bottom 取值: auto | length
right 取值: auto | length
z-index 取值: auto | numbe
=============================
以上内容想还深入了解的,请去搜索下"CSS定位"
下面讲实现代码(都是看结果的)
首先找个容器装你的代码
本人习惯用DIV
<DIV ID="CODE">这里放你的需要定位的代码,注意DIV内有一个ID属性,值为CODE,这个值CODE在CSS里将会用到</DIV>
然后用CSS对ID='CODE'的容器进行定位
<style>
#CODE/*这里的#CODE就是作用于ID=CODE的*/
{
width:500px;/*width是设置容器的宽度 500 */
height:500px;/*height是设置容器的高度 500 */
/*根据你的需要设置容器的大小*/
position:absolute;/*绝对定位*/
left:100px;/*该容器离父对象左边距离 100 */
top:100px;/*该容器离父对象顶边距离 100*/
/*调整left和top的数值,直至你的位置满意为止*/
}
</style>
经过以上设置后,定位基本实现
但在改窗口大小或分辨率不同时会发生走位
所以建议对BODY进行固定大小
<style>
body
{
width:950px;/*页面宽度 950*/
margin:0 auto;/*页面居中*/
position: relative;padding:0px;
}
</style>
-----------------------------------------------------
以上代码综合例子:
<style>
#CODE{
width:500px;
height:500px;
position:absolute;
left:100px;
top:100px;
}
body{
width:950px;
margin:0 auto;
position: relative;padding:0px;
}
</style>
<DIV ID="CODE">这里放你的需要定位的代码,注意DIV内有一个ID属性,值为CODE,这个值CODE在CSS里将会用到</DIV>
----------------------------------------------------------------
THE END | 
发表于 2008-8-2 02:20
上学的时候没学好 光应付考试了，现在要用了 什么都不会了` 
