CSS怎么把一个层固定在一个屏幕的绝对位置？
6个回答
展开全部
可以采用css中的position来实现决定定位。
1、代码实例如下：
<html>
<head>
<style type="text/css">
p.one
{
position:fixed;
left:5px;
top:5px;
}
p.two
{
position:fixed;
top:30px;
right:5px;
}
</style>
</head>
<body>
<p class="one">一些文本。</p>
<p class="two">更多的文本。</p>
</body>
</html>
此实例是相对于浏览器边框进行的定位。
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<len;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()');
})
</script>
json数据这样获取出来：
var weatherUrl = 'http://api.map.baidu.com/0000';
appcan.request.getJSON(weatherUrl,function(data){}
"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<len;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()');
})
</script>
json数据这样获取出来：
var weatherUrl = 'http://api.map.baidu.com/0000';
appcan.request.getJSON(weatherUrl,function(data){}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不多说，上代码：
<div style="border: solid 10px #898989; width: 300px; z-index: 100006; position: fixed; top: 500px;">
1111111
</div>
<div style="border: solid 10px #898989; width: 300px; z-index: 100006; position: fixed; top: 500px;">
1111111
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
