css让div永远距离浏览器150像素怎么做
3个回答
展开全部
css让div永远距离浏览器150像素：
代码：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="捷西网络提供 QQ1103959217">
<title>css让div永远距离浏览器150像素</title>
<!--样式-->
<style>
body { padding:0px; margin:0px; }
.wrapper { background-color: yellowgreen; position: absolute; top: 0; right: 0; bottom: 0; left: 0;width:100%;height:100%}
.inner {margin:150px;position:relative;border:1px solid red;height:100%;}
</style>
</head>
<body>
<div class="wrapper">
<div class="inner">div永远距离浏览器150像素</div>
</div>
</body>
</html>
效果图：红线框住部分实现css让div永远距离浏览器150像素。
本回答由电脑网络分类达人 刘杰推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不知道你说的上下左右哪个面
不过无碍讲解说明：
用到的样式position定位/说明：下边就是假设一个宽高100像素背景红色的div，浮动与整个页面，距离左侧150像素，头部50像素的距离不变，页面怎么滚动，都不会改变这个div距离页面的位置/
<div class="div2"></div>
<style>
.div2 {position: fixed;left:150px;top:50px;width:100px;height:100px; background-color:#f00; z-index:10;}
</style>
不过无碍讲解说明：
用到的样式position定位/说明：下边就是假设一个宽高100像素背景红色的div，浮动与整个页面，距离左侧150像素，头部50像素的距离不变，页面怎么滚动，都不会改变这个div距离页面的位置/
<div class="div2"></div>
<style>
.div2 {position: fixed;left:150px;top:50px;width:100px;height:100px; background-color:#f00; z-index:10;}
</style>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
margin:150px;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
