解决over-flow不能生效问题

原创已于 2023-04-12 17:14:40 修改 · 429 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端

于 2022-11-18 14:05:12 首次发布

css 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用CSS中的display:-webkit-box属性来实现水平滚动条的方法，通过设置overflow-x为scroll和overflow-y为hidden，可以创建一个仅水平方向可滚动的容器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

display: -webkit-box;  // 这句是重点，加了它就好使了。
overflow-x: scroll;
overflow-y: hidden;

加个display: -webkit-box;原理目前没时间研究，以后研究一下

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Acrisabld

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

关于transform搭配overflow使用时的问题

HolyGhost_的博客

04-07

2044

关于transform搭配overflow使用时的问题今天写代码的时候,准备在输入框的下方使用transform搭配overflow进行动画移入效果,发现了一些比较奇怪的事情首先看HTML代码 <div class="inf"> <input type="text" required placeholder="请输入账号"/> </div> ...

overflow失效问题

Tidecony的博客

12-29

2513

通常一个盒子的内容是被限制在盒子边界之内的。但有时也会产生溢出，即部分或全部内容跑到盒子边界之外。溢出将在满足下列条件之一时出现：1. 一个不换行的行元素宽度超出了容器盒子宽度。2. 一个宽度固定的块元素放在了比它窄的容器盒子内。3. 一个元素的高度超出了容器盒子的高度。4. 一个子孙元素，由负边距值引起的部分内容在盒子外部。5. text-indent属性引起的行内元素在盒子的左右边界外。6.

参与评论您还未登录，请先登录后发表或查看评论

li设置over-flow:hidden失效

感恩、奋进、自信

12-21

6151

问题：给li设置over-flow:hidden失效1、html<ul class=" lotteryNameList"> <li class="name">讲讲讲讲讲讲讲讲</li> <li class="name">讲讲</li> <li class="nam

vant组件overlay设置溢出滚动在手机上没有效果

qq_45989814的博客

12-04

1211

vant 属性lock-scroll

LogicFlow 项目常见问题解决方案

gitblog_09576的博客

09-13

848

LogicFlow 项目常见问题解决方案项目基础介绍 LogicFlow 是一个专注于业务自定义的流程图编辑框架，由滴滴开源。它提供了一系列流程图交互、编辑所必需的功能和简单灵活的节点自定义、插件等拓展机制，方便用户快速在业务系统内满足类流程图的需求。该项目主要使用 JavaScript 和 TypeScript 进行开发。新手使用注意事项及解决方案 1. 安装依赖问题问题描述：新手在安装 ...

[已解决]vant 样式不生效

bellnai的博客

04-22

5374

样式效果如下所示（tip：这里采用van-button标签）：打开开发者工具，发现是这里的原因（tip：van-nav-bar_title是van-button的父节点对此，应进行如下更改然后我刷新没有改变，打开开发者工具发现样式没有改变到此，我就到网上进行查询，大部分说的都是vant下载引用的问题，在这里我说下大概总的情况我本人采用方法三解决的，如果觉得自己安装下载都没有问题的话，可直接跳到方法三查看方法一：（下载安装问题）1.在项目目录下打开cmd，输入vue ui。

微信小程序中hidden不生效原因的解决办法

08-30

在微信小程序开发过程中，开发者可能会遇到`hidden`属性不生效的问题。`hidden`属性是微信小程序提供的一种简单隐藏元素的方式，但有时它可能不会按照预期工作。本文将深入探讨这个问题，并提供解决方案。首先，...

CSS中overflow-y: visible;不起作用的原因分析及解决方法

12-28

场景最近要做的一个需求是移动端的h5页面，要求有一排可选择的卡片, 超出容器部分可以左右滑动，同时每张卡片左上角要有...不就搞定了嘛。Demo如下： <div class=delete_btn></div> <div class=delete_btn>

CSS属性text-overflow的使用问题

11-21

`强制文本在同一行内显示，不允许换行，这使得文本保持在一个单行区域内，这样当设置了固定宽度并且内容超出了这个宽度时，`text-overflow`就能发挥作用。 `width`属性则定义了元素的宽度，它是决定文本何时开始被...

移动端的text-overflow多行文本溢出显示省略号(…)

12-10

然而，`-webkit-line-clamp`并不是一个跨浏览器的解决方案，对于非WebKit的浏览器（如Firefox、Edge等），我们需要采用其他方法。一种常见的兼容性方案是通过设置容器的高度和相对定位的伪元素来模拟多行省略号效果...

--config-ntuple etha0 flow-type udp4 dst-ip 239.255.0.1 dst-port 2371 action 3

07-05

Flow Type: UDP over IPv4 Src IP: 0.0.0.0 Mask: 0.0.0.0 Dest IP: 239.255.0.1 Mask: 255.255.255.255 Src Port: 0 Mask: 0x0000 Dest Port: 2371 Mask: 0x0000 Action: Direct to queue 3 ``` #### 4. **持久化...

overflow:auto 不生效的原因

热门推荐

sdewendong的专栏

11-24

3万+

今天给我的一个div加滚动条的样式，overflow:auto ，死活不生效。最后发现问题：为div指定overflow属性为auto没问题，但是必须指定div的高度，例子： <div style="position:absolute; height:300px; overflow:auto"> </div> position:absolute 可加可不加，自己试...

排查不生效的overflow问题

lx233

03-16

2013

overflow问题：场景：父元素area 下el-tabs，el-tab单页有的需要展示滚动条，有的不需要（因为是内嵌页面，内嵌里有自己的滚动条） 1、本来是给area都设置滚动条，先取消了area给el-tabs的滚动条 2、此时发现，无论怎么给从里往外的元素加overflow scroll都无效，或者加了定位，也无效原因：仔细点F12小手，看区域此时可以看到，area只有那么一小块，是el-tabs的内容超出了，设置滚动条的元素越级了换句话说，el-tab在el-tabs的容器内没有ov

CSS 全屏布局使用float和over-flow

xvzhengyang的博客

11-28

1万+

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>全屏布局</title>  &lt

移动端overflow无效问题

hql1439493352的博客

01-24

3594

这里写自定义目录标题功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入我们对Markdown编辑器进行了一些功能拓展与语...

vue3 v-html绑定数据，点击sub实现popover效果

reembarkation的博客

07-31

127

vue3 v-html绑定数据，点击sub实现popover效果

从0到1学PHP（七）：PHP 与 HTML 表单：实现数据交互

邓邓子的博客

07-30

731

本文聚焦 PHP 与 HTML 表单的数据交互实现。先讲解 HTML 表单基本结构，包括 form 标签、input 元素等，对比 GET 和 POST 提交方式的区别及适用场景。接着说明用 G ET、 _POST 获取表单数据，以及非空、格式等验证方法。最后介绍防范 XSS 攻击的 htmlspecialchars () 函数和防止 CSRF 攻击的措施，帮助开发者掌握表单交互全流程及安全处理要点。

HTML-取消div,a等标签点击效果