问答详情
源自:12-13 距离产生美 - 使用margin为盒子设置外边距(边界)

在#box1 中margin-right:10px为什么没效果

那我该成#box1{ float:right; margin-bottom:30px; margin-right:10px;}就有反应了。当我写成

#box1{ float:right; margin-bottom:30px; margin-left:10px;}又没有反应了。我该成

#box1{ float:left; margin-bottom:30px; margin-left:10px;}.我的问题就是:是不是当快级元素向左浮动,这时设置左边界有反应,设置右边界没效果。当块级元素向右浮动,这时设置右边界有反应,设置左边界没效果?


提问者:情殇有痕 2015-01-15 16:11

个回答

  • 慕課君
    2015-12-29 10:57:48
    已采纳

    刚看到问题,我给你讲讲边距,你就是没明白边距什么意思。

    margin-right:100px;   这个意思,这个块最多能到右面的边100px之外的距离,在往边上移,是不可以,最小距离100px;   

    那你向右浮动,在设置左外边距100px的话,你为什么看不到效果呢,因为,你的块离左面200px;这就像,左面有个姑娘说,你丫必须离我100px,你结果跑到200px的地方说,哎呦,怎么没有效果呢。

    然后姑娘说,你小子离太远当然没效果,你过来试试,结果你向左边的姑娘跑去,距离小于100px的时候,姑娘一顿大嘴巴子给你揍到相对左面的姑娘100px的距离才满意。

    这回明白了没,就是说,你那个盒子没去左边,你设置左边距当然没效果。

  • 慕用8452619
    2019-03-05 14:24:55

    为什么没有视频啊

  • 慕侠9387937
    2019-01-22 10:44:19

    因为是xggjhdfhzfhxdjdgdxsjh

  • 慕村2012223
    2018-10-26 09:02:37

    你确定设置了边框样式?

  • JinK0
    2018-02-07 15:47:27

    margin是外边距的距离

    padding是内边距

  • 慕粉34640186
    2017-11-30 22:36:06

    margin left 10 px可以理解为放一个宽为10px的形状从左边开始占10px的位置,如果元素本来离左边小于10px那么就会被挤出来。因为你右浮动了,你左边放10px的形状根本挤不到你距左边很远很远的元素,所以他不会动。

  • __没有人
    2017-03-26 16:47:35

    因为外边距不在框内,即使有你也看不见,你可以用两个框先右浮,再令最右边那个设置右边距,左边的被挤向左边,不就证明有效吗。所以,不是没有,是你看不见罢了,别太相信你的眼睛。

  • yourdady
    2017-01-05 10:36:59

    rfu

  • sugar4344667
    2016-12-13 21:42:34

    我也是看你设置了float,这个是浮动,我有点不明白你这个浮动为啥要设置在这里,,,,也是初学,很多不懂

  • andthen
    2016-12-06 10:44:40

    考虑考虑

  • 日向1
    2016-12-02 17:42:42

    好的 蛮好 谢谢

  • Tadfasf_dferergdd
    2016-12-01 14:14:43


    583fbfc10001bef812800960.jpg
    45555

  • 口是心非3
    2016-11-09 18:34:35

    啊啊啊

  • 艳丑
    2016-10-28 13:39:31

    懵 !(っ*´Д`)っ

  • 逍遥叹什么
    2016-10-18 17:15:57

    你在设置前可以先写#box1{margin:0;padding:0}这样的话,你写的就可以运行了。

  • 慕粉3917843
    2016-09-27 17:38:02

    废话 ,你都设置左浮动了 ,跑到左边去了,还设置右边距,就没有意义了啊。

    同理,你设置右浮动,盒子跑到右边去了,接下来设置左边距。亏你想得出来。

  • 慕仙6143759
    2016-09-25 13:10:31

    我觉得是这个内容已经在容器的左上角,你再设置right,他已经不能再向左移动了

  • 濮水之阳
    2016-08-10 21:34:06

    我是这样理解的不知道对不对哈!

    在一个房间里,当一个靠着左侧的墙的时候,离右边的墙有20米,如果是想距离右边的墙的距离大于20米是不可能的,但是如果想设置成距离墙10米的话,这时候设置margin-right:10m和margin-left:10m的指令应该是一样的,所以就没动,因为墙本身是不动的。什么时候有效果呢?就是在这个房间里有两个人,左面的人想距离右面的人5米,这时候设置margin-right:5m,这时候两个人之间的距离就变成5m,应该是可以看出来效果的!不知道自己理解的对不对,希望大神来指正!

  • 汁十一
    2016-08-09 18:46:30

    我是来拿下这积分的 哈哈

  • 汁十一
    2016-08-09 18:46:03

    都是盲,他说的是float 浮动  一般设定 左浮动  设置浮动之后  设置padding的效果会很乱  基本没有实际的效果  会以浮动为主

  • qq_学会善待自己_03625664
    2016-07-23 10:37:11

    我的也没反应,但是我也没明白。

  • 裙471027154
    2016-06-17 20:27:42

    现在有很多小伙伴在自学,但是一个人的能力是有限的,遇到问题没人帮你解决,我给大家推荐一个大神前端学习交流q un,希望对大家能有所帮助,q un号前面是思七一,中间是零儿七,后面是一武四。这里每晚都有大牛直播教学。

  • GJSMG
    2016-06-13 17:40:32

    <div>123</div>


  • qq_迈步_03318353
    2016-05-06 15:02:57

    没有反应  打开网页都卡  网速不行  下次再来回复

  • 慕課君
    2015-12-29 10:49:35

    让一切黑暗消失于晴朗,让一切苦厄散落于深渊,没错,我就是你的慕男神,既然你有疑问,我就大发慈悲的告诉你,我也不知道,但margin是外边距,外边距好吧,padding是内边距,首先你要弄明白什么是边距。

    喏!其实我明白你的意思,你的意思无非就是让那个div块,到另一个位置去,何不用,right,或者top,bottom,left直接去定义。

  • echo_kinchao
    2015-12-21 14:38:34

    因为他的间隙实际超过你的10PX

  • 小伟_lost_113
    2015-12-21 09:45:40

    dvzfsef

  • 小伟_lost_113
    2015-12-21 09:44:54

    dffsf

  • qq__2575
    2015-10-21 13:19:00

    我怎么试都有反映啊。。。不明白你说的啥?

  • Randix
    2015-07-11 17:16:53

    #box1{ float:right; margin-bottom:30px; margin-left:10px;}

    float 到右面去了,margin-left 与左面的距离大于10PX你就看不到了,假设你在一个很的房间里面对着一个20米的墙, 你跑到了墙的最右端,你人的宽度为50CM,你左肩膀最外部距离那个墙的最左面是20M-0.05m=19.05M(margin-left), 你在设置一个margin left:1m 当然是看不出效果的