精华区 [关闭][返回]

当前位置:网易精华区>>讨论区精华>>网络专区>>● 网站建设>>DHTML,JavaScript专栏>>在页面中实现精确定位

主题:在页面中实现精确定位
发信人: ljqi(凌敏)
整理人: eagle(2001-07-09 19:37:40), 站内信件
怎么样在页面中实现精确定位呢?这可能是CSS一个很大的作用。如下代码可实现这个功能:

<div style="position:absolute;top:150px;width:200px;height:200px;background-color:red">

写入相应内容</div>

上面的代码解释为:

position:absolute 表示位置是absolute(绝对),还有一个是relative(相对)

top:150px 表示内容显示在离顶部150px的地方,还有是left:150px 表示内容显示在离左边150px的地方

width:200px;height:200px; 表示内容能显示的区域大小

background-color:red 表示整个区域是红色的



----
中国盆景
中国盆景 http://bonsai.top263.net

邮箱 [email protected]

[关闭][返回]