为了账号安全,请及时绑定邮箱和手机立即绑定

fixed

6. 已知一 div 高 35px,紧邻其后的 X 元素上外边距为 15px,为该 div 设置 fixed 定位后,下列描述正确的是()

div与浏览器可视窗口上边界相距15px,这个怎么是对的啊


正在回答

4 回答

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .box1{
            width: 100%;
            height: 30px;
            position: fixed;
            border: 1px solid #0a437a;
        }
        .box2{
            width: 960px;
            margin: 15px auto 0;
            height: 500px;
            border: 1px solid #a94442;
        }
    </style>
</head>
<body>
    <div class="box1"></div>
    <div class="box2"></div>
</body>
</html>

最终  div与浏览器可视窗口上边界相距15px,是因为body与box2的上下margin值重叠了,body默认magin值好像是8px吧!box2的上margin值是15px。

1 回复 有任何疑惑可以回复我~
#1

hello清风

还是有代码演示比较清楚。我开始以为“fixed:有无已定位祖先元素都以浏览器可视窗口为基准偏移。”,这个div应该是贴着顶部的啊,演示后才知道这个条件是要把top设为0。
2016-04-13 回复 有任何疑惑可以回复我~

默认样式没充值导致的吧

0 回复 有任何疑惑可以回复我~

设置fixed定位之后,div就脱离了文档流(就相当于不存在)。

距离可视窗口上边界的距离其实是div下面的X元素的margin-top撑开的。

0 回复 有任何疑惑可以回复我~

因为有个margin-top。

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
固定层效果
  • 参与学习       51914    人
  • 解答问题       148    个

运用属性值就轻松实现网页固定层效果

进入课程
意见反馈 帮助中心 APP下载
官方微信