flex 布局横向滚动条
flex 布局横向滚动条
河湾欢儿
发布于 2020-12-29 02:32:47
发布于 2020-12-29 02:32:47
代码可运行
运行总次数：0
代码可运行
.buy__card{
display:flex;
width: 200px;
overflow:auto;
div{
background:yellow;
width: 230px;
height: 278px;
border-radius: 5px;
margin-right: 24px;
box-shadow: 0px 9px 20px 0px rgba(184,184,184,0.2);
}
}这是我一开始的代码，发现并没有执行我子元素的width 230的宽度 而是执行了flex这样的属性，那么就给他处理一下清除试一下
.buy__card{
display:flex;
width: 200px;
overflow:auto;
div{
background:yellow;
flex:none;
width: 230px;
height: 278px;
border-radius: 5px;
margin-right: 24px;
box-shadow: 0px 9px 20px 0px rgba(184,184,184,0.2);
}
}增加了一个flex:none; 成功
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
暂无评论
推荐阅读
相关推荐
CSS3实现雪容融自由
更多 >
腾讯云开发者
