在制作滚动或者布局的时候最后一div设置margin-right浏览器没有应,该如何处理?
这个是CSS代码
display: flex;
cursor: pointer;
border: 1px solid #d8dce5;
background-color: #fff;
margin-right: 30px;
border-radius: 2.5px;
padding: 6px 12px;
box-sizing: border-box;
color: #303133;
position: relative;
align-items: center;
解决问题
我们需要再父级给予一个属性width: max-content
,我们了解width的属性
其实width
除了上面那几个值之外,还有其他的几个值,只不过跟我一样的大多数人都不知道。在CSS3的世界里,width属性又多了几个关键字成员,fill-available, max-content, min-content, 以及fit-content
说明:在一个父元素上设置该元素后,元素的宽度会以子元素内最长的一个为准,子元素表现得会好像设置了white-space:nowrap一样一行展示
转载自:https://juejin.cn/post/7249925306357858359