收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 2075|回复: 4

[求助] 绝对定位

[复制链接]
发表于 2016-12-2 10:23:12 | 显示全部楼层 |阅读模式
25体力
两个div   a与b    a我设了绝对定位,b怎样才可以不被a盖住,并且随着a的高度而变化 b 距离顶部的高度

发表于 2016-12-2 14:20:17 | 显示全部楼层
不被盖住好办,给b设定相对定位relative就可以,需要设置b的z-index比a大。或者把ab的位置左右错开。
绝对定位层脱离了文档流,纯css应该是没办法实现你说的高度变化效果的。
用JavaScript来处理吧。
回复

使用道具 举报

发表于 2016-12-5 12:00:29 | 显示全部楼层
b 设置top百分比
回复

使用道具 举报

发表于 2016-12-6 21:23:43 | 显示全部楼层
可以同时解决2个问题,只要把容器b放在容器a里面。然后容器b设置top:100%就行
回复

使用道具 举报

发表于 2016-12-22 15:21:10 | 显示全部楼层
<!DOCTYPE html>
<html>
<head>
        <title></title>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="renderer" content="webkit">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta name="format-detection" content="telephone=no">
        <link href="css/main.css" rel="stylesheet">
</head>
<style>
        .a{
                position: absolute;
                padding: 10px;
                background: #000;
        }
        .b{
                position: relative;
                top: 0;
                left: 0;
                font-size: 16px;
                color: #333;
                padding: 10px;
                background: red;
        }
</style>
<body>
<!---->
<div class="a">
        <div class="b">dksagdas<br>hgddksagdas<br>hgddksagdas<br>hgddksagdashgd</div>
</div>
<script src="js/jquery.min.js"></script>
<script>
        $(function(){

        })
</script>
</body>
</html>
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-9-19 11:37 , Processed in 0.140272 second(s), 6 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表