老师,margin和padding是以什么为基准?

老师,margin和padding是以什么为基准?

老师,margin和padding是以什么为基准?

正在回答

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

2回答

同学你好,1、并排的div,每个div也是以自己的border为基准线。

2、margin-top:100px,那么就是以上边界的border为基准移动100px,margin-top:-100px,就是以border为基准先向下移动对应的距离:

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

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

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~

芝芝兰兰 2019-09-04 11:36:06

同学你好,margin和padding可以看做是以自身的border为基准区分的内外。当没有设置border时,相当于border为0px。

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

比如设置了margin。其盒模型为:

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

而设置了padding,其盒模型为:

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

建议同学再温习下前面的CSS浮动课程 3-1和3-4节盒子模型的课程。并且好好体会下作业哦~

祝学习愉快~

  • 提问者 精慕门618366 #1
    老师,要是两个并列的div,那么其中一个div,margin或padding是以什么为基准? 老师,你说的以border为基准,如果margin-top:100px,那么就是以上边界的border为基准移动100px?margin-top:-100px,又是什么情况呢?
    2019-09-04 17:49:06
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
从网页搭建入门Java Web2018版
  • 参与学习           人
  • 提交作业       1088    份
  • 解答问题       10205    个

如果你有Java语言基础,又想以后从事Java Web开发,那么本路径是你的不二选择!本路径从网页搭建开始入手,通过大量案例来学习Java Web基础。定能助你完成Java Web小白的蜕变!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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