                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /如何用CSS进行网页布局

right样式的问题

.left{width:200px;height:500px;background:blue;position:absolute;top:100px;left:0;}

.right{height:500px;background:#9C9;margin-left:210px;}

为什么右边不需要设置top：100px；？

莫负好时光

2017-08-10

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

关注问题我要回答

1460

操作

收起

2 回答

羊大人回答被采纳 +2 积分
2017-08-16

left因为设置了绝对定位，已经脱离了文档流，他的位置是相对左上角的，因为你上面有个top的效果，所以你需要相对它设置一下top值，而right效果并没有设置定位，所以还在普通流中，按照元素自上而下的规范，他是在top高度的下面的

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

收起回答

莫负好时光提问者

非常感谢！

2017-08-16 回复有任何疑惑可以回复我~

慕函数6174751
2017-08-12

???不设置不是对不齐，右边在文档流里，你设置top也没用，只能设置margin-top，左边位置相对于父级，不会影响其他元素的位置，你到底想知道什么。。。。。。。

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

收起回答

莫负好时光提问者

我想知道为什么右边没有设置top，布局却依然符合要求？

2017-08-14 回复有任何疑惑可以回复我~

0/150

提交

取消

如何用CSS进行网页布局

参与学习 209624 人
解答问题 1153 个

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

进入课程

right样式的问题

我要回答关注问题

热搜

最近搜索清空

right样式的问题

2 回答

right样式的问题