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

课程

/前端开发

/HTML/CSS

/如何用CSS进行网页布局

此题一种直接right写绝对定位left0top；100px还有种是main要写相对定位

这两种区别在哪里？为什么main要写相对定位
saybye

2015-12-03

源自：如何用CSS进行网页布局  5-3

关注问题 我要回答
1654
操作
收起

正在回答

2 回答

木子舟义
2015-12-03

main 不写相对定位，那么main中含有绝对定位属性的标签会相对于屏幕的左上角定位。如果main有相对定位，那么main中含有绝对定位属性的标签会相对于main容器的左上角定位。

0 回复 有任何疑惑可以回复我~
收起回答
#1

saybye 提问者

非常感谢！
2015-12-04 回复 有任何疑惑可以回复我~
李晓健
2015-12-03

你能把写的这两种方式的代码都给出来看看嘛 

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进行网页布局
  • 参与学习       209624    人
  • 解答问题       1153    个

用最简洁的案例教你布局的那些知识，这是前端工程师基本技能

进入课程

此题一种直接right写绝对定位left0top；100px还有种是main要写相对定位

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信