margin-bottom与bottom有什么区别呀?

margin-bottom与bottom有什么区别呀?

老师写了position后,偏移距离的写法

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,关于同学的问题解答如下:

1、margin-bottom是指元素与元素之间的间距,bottom是设置元素自身的位置的,设置定位之后会脱离文档流,参照已定位的祖先元素定位(如果没有祖先元素,默认参照窗口或者是页面)。例:

http://img1.sycdn.imooc.com//climg/5e0d94ba092422ce07100662.jpg

http://img1.sycdn.imooc.com//climg/5e0d94e109a8d8cb18670943.jpg

再看margin-bottom:

http://img1.sycdn.imooc.com//climg/5e0d954b09ea1a5f07360629.jpg

http://img1.sycdn.imooc.com//climg/5e0d953f092f02e609870733.jpg

2、同学是问的这个地方的bottom吗?

http://img1.sycdn.imooc.com//climg/5e0d4f2409637be404950213.jpg

给小圆点设置定位以后,这是相对于父元素底部的距离:

http://img1.sycdn.imooc.com//climg/5e0d4f7309cc0e9a03280198.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师