overflow 相关问题

假设我有一个与此类似的结构：假设我有一个与此类似的结构： <div id="list" style="width: 500px; height: 300px; overflow: auto;"> <div id="list_wrapper" style="width: 700px;"> <div class="row" style="width: 100%; height: 50px;"> <span style="display: inline-block; width: 200px;">Title</span> <span>Content</span> </div>  </div> </div> 此处的列表可以水平滚动，因为 list_wrapper 大于 list 本身。我想归档当水平滚动时，span的标题row保持粘在列表的左侧，但我不知道该怎么做。仅使用 CSS 可以实现这种行为吗？我给元素设置了背景颜色来区分它们。可以为 Title 元素赋予 position: sticky;left: 0。 <div id="list" style="width: 500px; height: 300px; overflow: auto;background:green;"> <div id="list_wrapper" style="width: 700px;background:red;"> <div class="row" style="width: 100%; height: 50px;"> <span style="display: inline-block; width: 200px;position: sticky;left: 0;background: blue;">Title</span> <span>Content</span> </div>  </div> </div>

css overflow css-position

回答 1 投票 0

Overflow-y 滚动导致内容被截断

我目前有一个最大高度为 800px 的容器。它还具有溢出-y：滚动。我想要完成的事情很简单（可能不那么简单，因此我问你们！）。我...

css scroll overflow

回答 3 投票 0

为什么溢出滚动在大屏幕上不起作用？

我正在开发一个 Vue 项目，我有这个 HTML：我正在开发一个 Vue 项目，我有这个 HTML： <div class="flex flex-col md:flex-row"> <div class="m-6 ml-10 mr-5 mt-10"> <div class="text-left"> <input type="text" class="mb-6 h-10 w-full rounded-lg border-2 border-gray-300 p-2" placeholder="Search for workouts, profiles, etc." /> </div> <div class=" "> <div class="mb-3 text-left"> <p>Explore workouts</p> </div> <div class="flex h-28 flex-row gap-3 overflow-x-auto whitespace-nowrap"> <div class="box inline-flex min-w-52 bg-black"></div> <div class="box inline-block min-w-52 bg-black"></div> <div class="box min-w-52 bg-black"></div> <div class="box min-w-52 bg-black"></div> <div class="box min-w-52 bg-black"></div> <div class="box min-w-52 bg-black"></div> <div class="box mb-5 min-w-52 bg-black"></div> </div> </div> </div> </div> 我为此使用顺风。问题是我的 overflow-x-auto 在大屏幕尺寸上不起作用，但当我最小化屏幕时它可以工作。在大屏幕上，它滚动到一个空白区域。将在下面添加一张照片，说明它在大屏幕和小屏幕上的样子。我尝试使用相对定位，但没有成功。大屏幕上：小屏幕上：更换你的div： <div class="flex flex-col md:flex-row"> 这样： <div class="flex flex-col"> 现在似乎正在按预期工作。 https://play.tailwindcss.com

html css frontend tailwind-css overflow

回答 1 投票 0

内容溢出和滚动造成圆角问题

我正在尝试创建卡片布局。这是我的样式代码，在 div 中使用。 .card-container-grid-2 { 填充：1rem；间隙：1rem；显示：网格；网格模板列：重复（自动调整，minmax（cal...

html css scrollview overflow

回答 0 投票 0

Firefox 仅打印第一页并剪切右侧页面

等等等等，吸它OPEN AI。显然我需要更多角色......

css firefox printing overflow

回答 3 投票 0

LINQ 到 SQL 转换溢出

OpenAI 和 Stack Overflow 通过 OverflowAPI 访问结合在一起，为 OpenAI 用户和客户提供 AI 工具快速找到解决方案所需的准确且经过审查的数据基础...