亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

此題一種直接right寫絕對定位left0top；100px還有種是main要寫相對定位

這兩種區別在哪里？為什么main要寫相對定位

正在回答

2 回答

main 不寫相對定位，那么main中含有絕對定位屬性的標簽會相對于屏幕的左上角定位。如果main有相對定位，那么main中含有絕對定位屬性的標簽會相對于main容器的左上角定位。

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

saybye 提問者

非常感謝！
2015-12-04 回復 有任何疑惑可以回復我~

你能把寫的這兩種方式的代碼都給出來看看嘛?

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

saybye 提問者

好的！我也是在同學代碼里面看來的！發現兩種方法還真都可以
2015-12-04 回復 有任何疑惑可以回復我~
#2

saybye 提問者

第一種： .main{background:#f00;height:500px;} .left{ width:200px;height:500px;position:absolute;left:0;top:100px;background:blue;} .right{background:#9C9;height:500px;margin-left:210px;}
2015-12-04 回復 有任何疑惑可以回復我~
#3

saybye 提問者

第二種： .main{background:red;height:500px;position:relative;} .left{width:200px;position:absolute;top:0;left:0;background:blue;height:100%;} .right{margin-left:210px;background:rgb(154,204,153);height:100%;}
2015-12-04 回復 有任何疑惑可以回復我~
#4

李曉健 回復 saybye 提問者

因為第一種是相對于body來定位的呀，頁面上有一個top區域 所以所它要向下把top的區域空出來。第二種是相對main來定位的，top區域不在main里面，所以就不用給top留位置了。
2015-12-04 回復 有任何疑惑可以回復我~
#5

不挑食的瘦子 回復 saybye 提問者

感謝，這兩種方法經測試可用。
2015-12-06 回復 有任何疑惑可以回復我~
查看2條回復

舉報

0/150
提交
取消
如何用CSS進行網頁布局
  • 參與學習       209565    人
  • 解答問題       1206    個

用最簡潔的案例教你布局的那些知識，這是前端工程師基本技能

進入課程

此題一種直接right寫絕對定位left0top；100px還有種是main要寫相對定位

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號