css定位问题

自己做了一个电子商城,过程中最大的体会就是布局,感觉自己对定位position还不能灵活应用。但是通过这个网站页面的设计,领悟到了很多,也学习到了很多。开始会考虑页面在不同屏幕大小的浏览器下显示布局会不会乱的问题了,一开始我都是用margin-top,margin-left,单位用像素,来控制块的位置,发现自己做的页面在不同宽度的屏幕下显示时就变乱了,后来请教别人了,知道了用%单位来控制就可以了。其中也学到了一些技巧,就是做页面的时候最好先规划好页面的布局,定好每个块占据的长跟宽,定好整个页面的长跟宽,页面的模块要清晰。因为%比在这个单位不是相对于浏览器屏幕来说,而是相对于你的网页的实际大小。不然假如你定好了上面的%比,下面新增加一个块,那上面的布局就乱了。
父:relative
子:relative:子相对于子原来的位置,absolute:子相对于父元素左上角那个点

父:absolute
子:relative:子相对于子原来的位置,absolute:子相对于父元素左上角那个点

父:不用定位,用了margin:0 auto
子:relative:子元素是相对于其父元素定位,absolute:子元素相对于浏览器屏幕实际大小
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值