解决width:100%情况下margin-right不起作用问题

1.当你在使用div时,如果将width设置成100%,你会发现margin-right不起作用,这是因为浏览器都是从左到右渲染的,当你设置成margin-right时,左边的内容会默认把右边的内容填充,所以如果你想让margin-right起作用就不要使用width:100%可以替换成width:auto
举例说明:

<div style="width: auto;background-color: #24b57c;height: 10px;margin-left: 10px;margin-right: 10px">


  </div>
```java
这样的话能达到width:100%效果,同时左右边距都可以显示出来
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容