任务中写“相对于以前位置右上角”，打开全屏看是在左上角

个回答

这是一个正直的宝宝3822662

2016-08-14 18:24:08

我觉得是因为这节解释有些问题，任务目标理解成：距离浏览器的最右边100px，距离浏览器的最上边20px，就好多了。
也就是：
position:absolute;
right:100px;
top:20px;

0
不努力就淘汰3540119

2016-07-19 13:40:55

我明白你的意思了你是说做完任务和例子的不一致你的在左边例子在右边是吗
如果是的话估计你的代码写错了
任务中是左下移所以代码应该写成 right top并非是left bottom

0
Tromham

2016-07-18 19:49:07

是不是absolute和relative的原因呢，和float无关吧

0

平凡人平凡心: 2016-07-18 18:14:10

像下面这样，只会满足绝对定位，不会呈浮动排布,更改float:left(或right)没改变

float:right;
position:absolute;
right:100px;
top:20px;

例子如下：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>浮动模型</title>
<style type="text/css">
div{
    border:2px red solid;
    width:200px;
    height:400px;
    float:left;
    position:absolute;
    right:100px;
    top:20px; 
}

</style>
</head>
<body>
<div id="div1">栏目1</div>
<div id="div2">栏目2</div>
</body>
</html>

qq_战斗的猫_03637824

2016-07-18 17:59:48

我也是新手，不过任务说相对于以前右上角，应该是要用到relative属性吧

0