padding-right部分在div变窄时候会被忽略

aj3423 aj3423 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
以下的测试代码,可以看到,window很宽时候,右边部分是有padding的,然后拖动浏览器把window变窄,这个过程中 padding-right越来越窄,直到padding完全消失,之后才出现横向滚动条,这时候拉动滚动条到最右边可以看到padding部分没了。
期望的效果是padding部分一直能保持那段空白,当滚动条拉到右边时候,能看到padding部分空着20px

请问咋改。
谢谢。

<html>
<head>
<body>
<div>
<div style='padding-right:20px; overflow-x:scroll; border: 1px solid #000000;'>
<table style='width:100%;'>
<tbody>
<tr>
<th style='min-width:200px;border:1px solid #ff0000;'>col A</th>
<th style='min-width:200px;border:1px solid #00ff00;'>col B</th>
<th style='min-width:200px;border:1px solid #0000ff;'>col C</th>
</tr>
</tbody>

</table>
</div>
</div>
</body>
</html>

...全文

相关推荐

HTML调整DIV间距[代码]

通过设置元素的padding-top、padding-bottom、padding-left和padding-right属性,可以调整内容与上下左右边框之间的空间,进而影响元素之间的间距。

happy2

【信息科学与工程学】【研发体系】第十篇 半导体电路设计 126 光学光刻、计算光刻 第一部分

用于全芯片修正的快速三维掩模近似模型(边界层模型、薄掩模近似改进)。:用于模型校准的测试图形设计(包含各种宽度、间距、方向的图形);扫描电镜、光学散射仪等量测数据的处理与模型拟合;模型误差的分解与追踪;:反演光刻技术的数学框架与求解算法(梯度法、像素翻转、水平集法);基于模型的OPC中边缘放置误差片段的智能移动策略;热点检测与分类的深度学习模型;:交替型、衰减型、无铬型等不同类型PSM的原理、制造与应用;光刻胶模型与显影模型的建立与校准。扫描电镜、散射仪等量测数据的处理与模型拟合;:厚掩模的电磁场仿真;

flyair_China

Android view更改背景资源与padding消失的问题解决办法

当一个View设置了背景资源时,系统会尝试根据背景图片的形状和大小来调整内容区域,有时这可能会覆盖或忽略原有的padding设置。

weixin_38750406

css+div 在IE中兼容

+ width + padding-right + border-right-width + margin-right`。

lilyzhuli1112

DIV CSS布局中position属性用法深入探究

在DIV CSS布局中,position属性是一个关键要素,用于控制元素在网页中的定位方式。该属性主要有四个可能的值:static、relative、absolute和fixed。默认情况下,所有元素

weixin_38500664
评论 5
收藏 已收藏
分享
返回顶部
aj3423
CSS 61,117 成员 60,701 内容