                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /HTML/CSS
                        
                        /初識(shí)HTML(5)+CSS(3)-升級(jí)版

任務(wù)中寫(xiě)“相對(duì)于以前位置右上角”，打開(kāi)全屏看是在左上角

任務(wù)中寫(xiě)“相對(duì)于以前位置右上角”，打開(kāi)全屏看是在左上角，我加了float:right；進(jìn)去。但是只輸入提示的三行代碼最后結(jié)果一樣，有點(diǎn)不太懂。

joonhee_H

2016-07-18

源自：初識(shí)HTML(5)+CSS(3)-升級(jí)版 13-6

關(guān)注問(wèn)題我要回答

1366

操作

收起

5 回答

這是一個(gè)正直的寶寶3822662
2016-08-14

我覺(jué)得是因?yàn)檫@節(jié)解釋有些問(wèn)題，任務(wù)目標(biāo)理解成：距離瀏覽器的最右邊100px，距離瀏覽器的最上邊20px，就好多了。

也就是：

????position:absolute;

? ? right:100px;

? ? top:20px;

? ??

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

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

我明白你的意思了? 你是說(shuō)做完任務(wù)和例子的不一致?? 你的在左邊例子在右邊是嗎?

如果是的話估計(jì)你的代碼寫(xiě)錯(cuò)了

任務(wù)中是左下移?? 所以代碼應(yīng)該寫(xiě)成 right? top并非是left bottom

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

joonhee_H 提問(wèn)者

。。。我是說(shuō)什么都不寫(xiě)的初始狀態(tài) 打開(kāi)全屏看在左邊但是任務(wù)要求里說(shuō)相對(duì)于以前的右上角

2016-07-19 回復(fù) 有任何疑惑可以回復(fù)我~

Tromham
2016-07-18

是不是absolute和relative的原因呢，和float無(wú)關(guān)吧

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

平凡人平凡心
2016-07-18

像下面這樣，只會(huì)滿(mǎn)足絕對(duì)定位，不會(huì)呈浮動(dòng)排布,更改float:left(或right)沒(méi)改變

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

例子如下：

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>浮動(dòng)模型</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 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

joonhee_H 提問(wèn)者

額，是我沒(méi)表達(dá)清楚，你說(shuō)的這個(gè)意思我明白，我的意思是任務(wù)里面說(shuō)“相對(duì)于以前的右上角”，但全屏看初始狀態(tài)是在左上角啊

2016-07-18 回復(fù) 有任何疑惑可以回復(fù)我~