CSS怎么把一个层固定在一个屏幕的绝对位置？

可以采用css中的position来实现决定定位。

1、代码实例如下：

p.one
{
position:fixed;
left:5px;
top:5px;
}
p.two
{
position:fixed;
top:30px;
right:5px;
}



一些文本。

更多的文本。

此实例是相对于浏览器边框进行的定位。

2、补充相关知识

bsolute    

生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

fixed    

生成绝对定位的元素，相对于浏览器窗口进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

relative    

生成相对定位的元素，相对于其正常位置进行定位。

因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。   

static    默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。    

inherit    规定应该从父元素继承 position 属性的值。    

关于这个问题呢，首先在层中不能含有浮动元素，其次使用position:absolute;就可以把该层定位于绝对位置不动。

使用position:fixed，再结合left、top、right、bottom等设置位置

var arrData = [{
"newsImg":"\'news_content/css/myImg/oaNimg.png\'",
"title":"AppCan新版本即将面市，启动移动互联网",
"content":"AppCan新版本即将面市，启动移动互联网跨平台开发新时代。AppCan新版本即将面市，",
}, {
"newsImg":"\'news_content/css/myImg/oaNimg.png\'",
"title":"马航失联",
"content":"AppCan新版本即将面市，启动移动互联网跨平台开发新时代。AppCan新版本即将面市，",
}];
var listData = [];
for(var i=0,len = arrData.length;i var list = {title:arrData[i].title,
icon:arrData[i].newsImg,
describe : arrData[i].content}
listData.push(list);
}
lv.set(listData);
lv.on('click', function(ele, context, obj, subobj) {
appcan. www.jdjdjzjcom setLocVal('newsTit',context.title);
appcan.execScriptInWin('news','opendetail()');
})


json数据这样获取出来：
var weatherUrl = 'http://api.map.baidu.com/0000';
appcan.request.getJSON(weatherUrl,function(data){}

不多说，上代码：