即使内容试图溢出,如何将 div 限制为屏幕大小

我正在努力将 div 限制在屏幕底部。我的身体内部有这样的结构。 导航栏坚持... 我正在努力将 div 限制在屏幕底部。我的身体内部有这样的结构。 <body class="flex"> <div class="h-screen w-48">navbar sticking to the left covering entire height with a fixed width.</div> <div class="h-screen flex-1 flex flex-col"> <div class="w-full h-20">header containing heading of the page</div> <div class="w-full flex-1"> //covering remaining height(3rd div) <ul> <li>Item1</li> <li>Item2</li> <li>Item3</li> <li>Item4</li> ...many more items </ul> </div> </div> </body> 我希望第三个 div 覆盖笔记本电脑和台式机屏幕的剩余高度,如果有想要离开屏幕的列表,则第三个 div 上会出现一个滚动条。 如果我尝试给出一个最大高度,那么它对于某些屏幕来说看起来很好,但对于其他屏幕来说却很难看(假设我给出了 680px 的最大高度,那么它会覆盖某些尺寸的屏幕,而对于其他尺寸,它会超出屏幕下方或出现短于屏幕底部)。我希望 3 个 div 的结构在页面上保持静态,无论屏幕大小如何,如果第 3 个 div 中的内容想要溢出,则其上会出现一个滚动条。 我想你想制作一个导航栏。在 html 文件中添加 bootstrap css 时使用此代码。

回答 1 投票 0

热衷于在报表生成器中获取去年同期的值?

.rdl 文件(分页报告)中有一个行组,用于计算特定时间段内的某些聚合函数。所以按这个时间段进行分组。数据集还返回相同项目的数据...

回答 1 投票 0

Flutter中如何限制iOS设备录屏?

我正在Flutter中开发一个应用程序,我需要限制iOS设备中的屏幕录制。 我现在所做的是检查 AppDelegate 中的 UIScreen.main.isCaptured 标志并检查它

回答 2 投票 0

将 timedelta(带天数)转换为总秒数

我需要将已用时间转换为总秒数。我使用了三个函数,但没有成功。 第一个功能: ny["经过的时间"].time() AttributeError:“系列”对象没有属性“时间” 秒...

回答 1 投票 0

Cypress:根据元素是否存在进行操作

我想知道某个元素是否存在并据此执行操作 我厌倦了很多选择但都失败了。 例如: cy.get(deleteCellButtonLocator).then(($el) => { if ($el.length &g...

回答 1 投票 0

如何在html中为表格添加边框? [已关闭]

我知道我们可以在 HTML 中添加带边框的表格,但是有一种错误。我尝试了很多次来解决这个错误,但我不能。 这是我的代码: ... 我知道我们可以在 HTML 中添加带边框的表格,但有一种错误。我尝试了很多次来解决这个错误,但我不能。 这是我的代码: <table id="table"> <thead> <tr> <th>Name <th>Courses <th>Marks </tr> </thead> <tbody> <tr> <td>Suresh <td>Btech <td>89 </tr> <tr> <td>Mukesh <td>MBA <td>75 </tr> <tr> <td>Kamlesh <td>BA <td>90 </tr> </tbody> </table> 误差由table后加“s”给出。 尝试这样的事情: <style> td, th, table{ border: solid 1px; } <style> <table id="table"> <thead> <tr> <th>Name</th> <th>Courses</th> <th>Marks</th> </tr> </thead> <br/> <tbody> <tr> <td>Suresh</td> <td>Btech</td> <td>89</td> </tr> <tr> <td>Mukesh</td> <td>MBA</td> <td>75</td> </tr> <br/> <tr> <td>Kamlesh</td> <td>BA</td> <td>90</td> </tr> </tbody> </table> 这是在行动: td, th, table{ border: solid 1px; } <table id="table"> <thead> <tr> <th>Name</th> <th>Courses</th> <th>Marks</th> </tr> </thead> <br/> <tbody> <tr> <td>Suresh</td> <td>Btech</td> <td>89</td> </tr> <tr> <td>Mukesh</td> <td>MBA</td> <td>75</td> </tr> <br/> <tr> <td>Kamlesh</td> <td>BA</td> <td>90</td> </tr> </tbody> </table> 请将tables改为table并在table标签内添加[border="1"]。

回答 2 投票 0

在 CRM 中发送电子邮件时出现不一致错误:无法找到一对多关系,实体:systemuser,引用实体:activityparty

我们遇到了一个奇怪的错误,似乎不一致。一些用户报告无法在我们的 CRM 中保存或发送电子邮件。相反,我们得到这个错误: 截屏 这也是

回答 1 投票 0

使用 Spring 的 RestClient 优雅地处理 404 错误

我目前正在使用 Spring Boot 3.2/Spring Framework 5.1 中的新 RestClient,并且在处理 404 错误时遇到了挑战。我的目标是优雅地处理这些错误......

回答 1 投票 0

SQL Server 中使用 OPENROWSET 的语法问题

我正在尝试执行一个需要将变量传递给它的存储过程。一种是静态变量,另一种是动态变量。 声明@Filt DATETIME SET @Filt = (选择不同的...

回答 3 投票 0

选择选项文本的不透明度样式

如何设置选项文本的不透明度样式? 例如,我有: 请选择选项 如何设置选项文本的不透明度样式? 例如我有: <select name="" id="select-where" required> <option value="">Please choose on option</option> <option value="1">Friends and family</option> <option value="2">Youtube Video</option> <option value="3">Podcast</option> <option value="4">Facebood ad</option> <option value="5">Others</option> </select> 和 option:first-child { color: rgba(0, 0, 0, .075); opacity: .2; } 这不起作用。 解决方案 使用 first-of-type 伪类代替 first-child。 option:first-of-type { color: rgba(0, 0, 0, .075); opacity: .2; } <select name="" id="select-where" required> <option value="">Please choose on option</option> <option value="1">Friends and family</option> <option value="2">Youtube Video</option> <option value="3">Podcast</option> <option value="4">Facebood ad</option> <option value="5">Others</option> </select>

回答 0 投票 0

故事书画布:'ReferenceError:未定义反应'

这里是故事书的新手。 我正在尝试将 Storybook 集成到我的 Gatsby 前端中。但是,当尝试在 Storybook Canvas 中预览测试组件时,出现以下错误: 反应不是

回答 4 投票 0

启用频闪时,封面组如何处理事件句柄采样?

我很好奇当我们指定了一个事件并且我们还为所述覆盖组使用 type_option.strobe = 1 时,采样是如何在 SystemVerilog 覆盖组中发生的。例如: 封面组 c @(po...

回答 1 投票 0

错误:无法为“ffmpeg-sys-next v6.0.1”运行自定义构建命令

我正在尝试制作一个程序,通过解码其数据包并将其编码为 MP4(或 gif),将 MP4 转换为 gif,反之亦然,我正在使用 ffmpeg-next 包(它使用 ffmpeg rust beh.. .

回答 3 投票 0

从高频管道获得注意面罩

如何从Huggingface中的FeatureExtractionPipeline访问返回的注意力掩码? 下面的代码采用嵌入模型,将其和拥抱脸数据集分布在

回答 1 投票 0

声纳变量参考

我有以下声纳属性文件: ... sonar.modules=my.really.long.module.prefix/sub1,my.really.long.module.prefix/sub2 ... 我想引用一个变量,例如: my.key= my.rea...

回答 2 投票 0

如何在VBScript中创建集合对象?

CreateObject 的参数应该是什么? 看这个例子: 昏暗 Set a = CreateObject("Collection") '收到运行时错误,显示 ActiveX ' 组件无法创建对象:'收集...

回答 3 投票 0

我应该为 REST API 中的不同 http 请求设置单独的控制器吗

所以我们正在尝试建立一个网站,我们有不同的路线,但它们的功能有些相同 所以说: 对于推荐产品 本地主机:3000/产品/蔬菜/rec 本地主机:3000/产品/fr...

回答 2 投票 0

sed 对 hexa

我想用 sed 替换单字节文件上的换行字节 -(3 月 12 日 05 11:45:16)--(moddgsa001.a2297:/home/marc/avirer)- [root] # ls -l 总计 4 -rw-r--r--。 1 根 根 1 5 déc. 11:45 秀...

回答 2 投票 0

json 文件中的纪元时间子项检测为整数(在 Azure 数据工厂中)而不是长

我有一个包含unix时间字段的json文件,需要将其转换为时间戳。然而,我在数据流中遇到的问题是该字段被自动检测为整数类型实例...

回答 1 投票 0

无法从我用intellij idea构建的自己的jar中导入类

我构建了一个 jar 并将其安装到我的 .m2 存储库中。 然后,在第二个项目中(我想成为第一个项目的消费者), 我将其作为依赖项放入 pom.xml 中: ...

回答 1 投票 0

© www.soinside.com 2019 - 2023. All rights reserved.