个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我正在尝试用 2 <div> 制作一个体验栏区域。越长<div>外部用于框架，较短的内部用于当前体验。
当我在内部使用 {height: 100%} 时 <div>为了填充空间，当我将浏览器的显示大小更改为某个特定百分比时，边框和背景颜色之间存在间隙。
我在 chrome 和 edge 浏览器上试过了，他们有同样的问题。我可以通过更改 {height: 101%} 来弥补差距。我只是想知道为什么在某些特定的显示尺寸中存在 100% 的差距。
* {
box-sizing: border-box;
}
#bar-frame {
background-color: grey;
border: solid 13px black;
height: 70px;
width: 300px;
border-radius: 5px;
}
#bar {
background-color: black;
height: 100%;
width: 20%;
}<body>
<div id="bar-frame">
<div id="bar"></div>
</div>
</body>我希望栏中没有间隙，但在某些特定的显示尺寸下会出现间隙。
CODEPEN 链接:https://codepen.io/ququ929/pen/zQWrZQ
英语是我的第二语言，希望你能理解问题，谢谢。
最佳答案
在 #bar CSS 中添加 border: 1px solid grey 将解决您的问题。谢谢
#bar {
background-color: black;
border: 1px solid grey;
height: 100%; width: 20%;
}
关于CSS 问题 : Gap between background-color (height: 100%) and border，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56291322/
24
4
0
我在《C 编程语言第二版》中读到了以下代码 /* shellsort: sort v[0] ... v[n-1] into increasing order */ void shellsort(int
如何更改GAP中的当前目录？ ？我写道: gap> ChangeDirectoryCurrent("Users/anymuanalifah/Documents") 然后我收到一个错误。如果重要的话，我
我有一个关于列表中漏洞的问题。假设我有以下代码: gap> l:=[2,3,,5]; [ 2, 3,, 5 ] gap> for i in [1..Size(l)] do > Print(l[i],"
例如，当我从命令行启动脚本时，我想了解 GAP 的行为 $ gap mytest.gap 而不是从 GAP 内部调用它 gap> Read("mytest.gap"); 特别是，我试过 suppres
最低工作示例: x:=Indeterminate(Rationals,"x"); f:=Sum([1..1000],i->x^i); PrintTo("~/temp.txt",f); 它打印到 tem
我是 phone gap 的新手。我在 config.xml 中遇到错误。实际上我正在做 paypal 集成。 在 config.xml 中显示未绑定(bind)电话间隙命名空间。 当我运行时显示错误
有没有办法将单个 grid-row-gap 设置为不同于网格其余部分的特定大小？ 用例:网格的第一行到第二行的间隙应该小于网格的其余部分，因为它充当标题。 最佳答案 grid-row-gap 和 gr
我有一个包含三个图像和一个文本部分的网格。我有网格的列和行间隙，如果我有所有三个图像，它就可以正常工作。但是，如果缺少任何图像，我仍然会得到缺少的列或行的列或行间隙。如果行或列不存在，是否有任何方法可
上周我一直在尝试解决堆栈溢出问题，但我仍然无法找到可行的解决方案，所以想知道是否有人可以为我提供一些帮助/建议？ 数据结构说明 我有下表: 位置表(zz_position)，用于保存详细信息职位(职位
当我玩入门练习“在 native Android 应用程序中使用 Worklight API”时，我无法从 native Android 页面连接到 Worklight 服务器，错误消息如下: Una
在计算 Tibshirani 的差距统计量时，引用分布中是否有推荐数量的模拟数据集 (B)？ B=50？ B=100？ B=500？ B=1000？如果是这样，有什么好的引用资料提到它吗？ 最佳答案
我有一个 php 数组(通过表单中的复选框值获得 - 如您所知，复选框仅在未设置时显示在 _POST 变量中)。 Array ( [2] => 0,2 [3] => 0,3 ) 我需要
我正在尝试通过使用辅助表来填补使用组后的空白，你能帮忙吗？ 处理没有订单的日子的辅助表 date quantity 2014-01-01 0 2014-01-02 0 2014-01
我试图通过使用辅助表来填补使用组后的空白，你能帮忙吗？ 用于处理无订单天数的辅助表 date quantity 2014-01-01 0 2014-01-02 0 2014-01-0
你能告诉我如何去除红线和导航栏之间的白色间隙吗？CSS: /* Main */ #menu{ width: 100%; margin: 0; padding: 10px 0 0 0;
所以我创建了一个导航栏，并且它可以与水平导航一起使用。然而，我在导航栏之间有这些“间隙”，如下图所示，但我仍然可以在这些间隙之间单击。 这是 JSFiddle(SCSS 不起作用，所以我使用编译后的
在下面的 jsfiddle 中，我在第 2 行和第 3 行之间有一个空隙，我猜这是由于 CSS，但我不确定它为什么存在以及如何摆脱它。 如果我将第二行移到最后一行，间隙就会消失，但我想保持当前的行顺序
我创建了这个网站: https://jsfiddle.net/1pvk13o8/ 我正在使用 jquery masonry，一切似乎都很好，但有些行之间有空白或空洞，有什么帮助吗？我希望一切都按应有的
我有一个如下表，其中 X 列是给定开始和结束期间的商品价格。 X START_DATE END_DATE ------------------------------ 1 0
这个问题在这里已经有了答案: pandas or python equivalent of tidyr complete (4 个答案) 关闭 12 个月前。 我在寻找 pandas 数据框中的空白
我是一名优秀的程序员,十分优秀！