无法理解 margin-left: -100% 元素会上移?

无法理解 margin-left: -100% 元素会上移?

无法理解 margin-left: -100% 元素会上移?

正在回答 回答被采纳积分+1

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

2回答
怎么都被占用了呢 2017-05-23 18:50:20

你好,我了解过你的问题了,可以使用具体数值px的方法代替100%的,不过100%最能保证元素块移动到最左端,至于确定的值为多少,你可以先从元素的宽度值开始,多尝试几个数值。祝学习愉快!

小于飞飞 2017-04-13 19:35:40

你好, .middle,.left , .right 设置了 float:left; 正常显示三个水平按顺序显示,但是由于.middle 的宽度100%占满了.container ,由于宽度不够,所以.left , .right 这个歌在下一行显示,当设置margin-left: -100% 时(可以这样理解,如果三个元素在一行上,left 设置了该属性,看到的效果,是向左运动100%,left与.middle左边对齐重合。),先因为两行显示,所以margin-left: -100% ,其实也是一样左移动的,相当于第一行宽度能放下left与.middle ,所以看到的效果是上移动了。 .right 设置margin-left是一个原理。希望对你有帮助,祝学习愉快。


  • 请问,如果用具体数值px的方法代替这个100%,在这道题目中是多少像素啊?可以这样换吗?
    2017-04-22 09:35:25
  • 不行,因为宽度不固定
    2017-05-22 22:45:08
  • 为什么宽度不够,我可以输入1万px,你的100%到底有多大,如果宽度还是不够,我可以输入1000万px够不够
    2017-05-23 00:13:20
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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