今天小编跟大家讲解下有关一个关于css中margin-right没有效果的问题 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关一个关于css中margin-right没有效果的问题 的相关资料，希望小伙伴们看了有所帮助。
今天在群里面 有人抛出了一个关于css中margin-right没有效果的问题。CSS代码和HTML代码如下： 复制代码代码如下: .style1{ width:400px; height:440px; background-color:red; border:5px solid silver; margin-top:20%; margin-right:30%; } 复制代码代码如下: <html> <head> <link rel="stylesheet"type="text/css"href="https://www.aidi.net.cn//css/mystyle.css"> </head> <body> <div class="style1"><img src="https://www.aidi.net.cn//css/bei.jpg"></div> </body> </html> 把他的代码copy下来 换一张图片 我做了一个test 还真的不行。 难道是top会隐藏掉right的效果 或者跟顺序有关 后来证明这些都是错误的想法。结合w3school对margin-right和自己隐约的记忆：浏览器是默认左对齐的。灵感一来 margin-right其实有效果的 只是在默认即标准流的情况的下显示不出来效果。如果脱离标准流呢 想到这个 就立马在css文件中加了一个：float:right;然后在测试的时候就能看到margin-right的效果了。 用float:left也是不行的 这跟默认的情况是差不多的。 PS：关于right属性无效的原因：right属性只有在position是absolute的情况下才有效 而默认的position值是static right属性是无效的。建议能不使用right就不要使用right属性。来源：爱蒂网
