margin-left的值是不是有移动的作用?会不会把盒子模型也给撑大了,还是只是一个移动的作用

margin-left的值是不是有移动的作用?会不会把盒子模型也给撑大了,还是只是一个移动的作用

margin-left的值是不是有移动的作用?会不会把盒子模型也给撑大了,还是只是一个移动的作用

正在回答

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

2回答

你好同学,这样我给你拿两个盒子解释吧。如图:

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

效果如下:

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

当给里面的盒子设置margin-left为30px时:

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

效果如下:

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

当设置margin-left为30px时,里面的盒子会和外面的盒子有30px的填充,因此会把里面的盒子向右挤压30px,也就是产生了移动的效果。

Steve007 2019-01-10 11:19:03

你好同学,margin-left是给这个盒子设置左外边距,它是不会影响盒子的大小的,只会对它的位置产生影响,也就是你说的移动的作用。

祝学习愉快,望采纳!

  • 提问者 阿扬在自律路上 #1
    请问设置外边距产生移动的原理是什么?外边距不是只让盒子的外边距扩大了,为什么会产生移动呢?
    2019-01-10 15:25:11
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

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

在线咨询

领取优惠

免费试听

领取大纲

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