确保overflow-x属性的语法是正确的。例如:css .container { overflow-x: auto; /* 或者 overflow-x: scroll; */ } 确认元素是否设置了宽度限制,以及内容是否超出了该宽度: overflow-x属性只有在元素具有固定的宽度,并且内容超出了这个宽度时才会生效。例如:css...
cover-view设置overflow-x: scroll无效 0 快速回复 问题类型 AppKey API/组件名称 手机系统 手机型号 百度App版本 基础库版本 bug / cover-view iOS iphone12 13.6.0.10 3.420.5 cover-view设置宽度后设置overflow-x: scroll,内容超出理应滚动,开发者工具是好的,手机上无法滚动 API/组件 最后一次编辑于 2022...
css .shopCouponBor { width: 450px; height: 30px; float: right; overflow-x: scroll; /* overflow-x:auto; overflow-y:hidden;*/ } .shopCouponString { height: 28px; line-height: 28px; font-size: 17px; color: #FF9F9F; border: 1px solid #FF9F9F; background: #FFF1F1; padding: 0 ...
css .shopCouponBor { width: 450px; height: 30px; float: right; overflow-x: scroll; /* overflow-x:auto; overflow-y:hidden;*/ } .shopCouponString { height: 28px; line-height: 28px; font-size: 17px; color: #FF9F9F; border: 1px solid #FF9F9F; background: #FFF1F1; padding: 0 ...
例如,当设置overflow-x为scroll时,Safari可能会显示垂直和水平滚动条,而其他浏览器只显示水平滚动条。另外,Safari在某些情况下可能会忽略overflow-x属性,导致元素的溢出内容无法被修剪或滚动。 为了解决这个问题,可以考虑以下替代方案: 使用overflow属性:如果不需要单独控制水平和垂直方向的溢出内容,可以使用overflow属性来...
ul{overflow-x:auto;width:300px;height:30px;white-space:nowrap;}ul::-webkit-scrollbar{width:0px;height:0px;}// 隐藏滚动条 li{list-style:none;padding:2px 4px;background:rgba(1,1,1,.05);border-radius:4px;margin:0 6px 8px 0;display:inline-block;font-size:12px;}...
不废话,直接上代码 参考链接: https://stackoverflow.com/questions/6421966/css-overflow-x-visible-and-overflow-y-hidden-causing-scrollbar-issue/39554003#39554003
试着将overflow-x和overflow-y放在不同的DOM元素上。可以尝试一下。
试着将overflow-x和overflow-y放在不同的DOM元素上。可以尝试一下。
overflow-x和overflow-y属性中一个值设置为visible而另一个设置为scroll、auto或者hidden,则visible的样式表现会如同auto。...除非 overflow-x和overflow-y 属性值都是visible,否则会当成auto来解析。...absolute与text-alig...