                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)

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

任务中写“相对于以前位置右上角”，打开全屏看是在左上角，我加了float:right；进去。但是只输入提示的三行代码最后结果一样，有点不太懂。

joonhee_H

2016-07-18

源自：初识HTML(5)+CSS(3) 13-6

关注问题我要回答

1401

操作

收起

5 回答

这是一个正直的宝宝3822662
2016-08-14

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

也就是：

position:absolute;

right:100px;

top:20px;

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

不努力就淘汰3540119
2016-07-19

我明白你的意思了你是说做完任务和例子的不一致你的在左边例子在右边是吗

如果是的话估计你的代码写错了

任务中是左下移所以代码应该写成 right top并非是left bottom

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

#1

joonhee_H 提问者

。。。我是说什么都不写的初始状态打开全屏看在左边但是任务要求里说相对于以前的右上角

2016-07-19 回复有任何疑惑可以回复我~

Tromham
2016-07-18

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

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

平凡人平凡心
2016-07-18

像下面这样，只会满足绝对定位，不会呈浮动排布,更改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>

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

#1

joonhee_H 提问者

额，是我没表达清楚，你说的这个意思我明白，我的意思是任务里面说“相对于以前的右上角”，但全屏看初始状态是在左上角啊

2016-07-18 回复有任何疑惑可以回复我~

qq_战斗的猫_03637824
2016-07-18

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

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

举报

0/150

提交

取消

初识HTML(5)+CSS(3)

参与学习 1230029 人
解答问题 19084 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

4 回答“相对于以前位置右上角”为什么是相对于右上角？

2 回答为什么是相对于右上角不是左上角

3 回答此处“相对于以前位置右上角”是指相对于哪个？

1 回答以前位置右上角？？是如何看是左还是右的？

1 回答怎么知道到底是相对于右上角，还是相对于左上角的呢？

搜索更多本课相关问答

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

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号