小编Rob*_*bie的帖子

为什么我的Grid元素的高度没有正确计算?

我遇到了CSS网格元素的高度问题.我使用的代码是:

.gridContainer {
  border: thin solid black;
  background: rgba(255, 0, 0, 0.5);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  width: 100px;
  height: 100px;
  grid-template-areas: 'windowContentHolder';
}

.gridItem {
  grid-area: windowContentHolder;
  background: rgba(255, 255, 0, 0.5);
  width: 200%;
  height: 200%;
}

.content {
  background: rgba(255, 0, 0, 0.5);
}
Run Code Online (Sandbox Code Playgroud)
<div class="gridContainer">
  <div class="gridItem">
    <div class="content">hi<br/>hi<br/>hi<br/>hi<br/>hi<br/>hi<br/>hi<br/>hi<br/>hi<br/>hi<br/>hi<br/>hi<br/>hi<br/>hi<br/>hi<br/>hi<br/>hi<br/>hi<br/>hi<br/>hi<br/>hi<br/>
    </div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

如您所见,gridItem设置为height:200%,预期结果不符合预期.它应该是200px父(100px)的两倍(),滚动条隐藏任何额外的高度,而高度属性似乎根本没有设置.

似乎百分比正在考虑子高度而不是父高度,因为如果我们仔细检查元素,我们将看到它的高度是子元素高度的两倍.

在此输入图像描述

带有'hi'的元素没有像预期的那样溢出.更改gridContainer为'block'确实可以正常工作,但不能使用'grid':

.gridContainer {
  border: thin solid black;
  background: rgba(255, 0, …
Run Code Online (Sandbox Code Playgroud)

html css css-grid

10
推荐指数
2
解决办法
596
查看次数

如何删除phpmyadmin中的主键

图片

我有显示的表格,它显示了AI,并在名称旁边显示了小键图标(我假设这意味着它是主键),但右侧的主键显示为灰色.另外由于某种原因,我还定义了4个其他主键,无法删除它们(单击图标不会执行任何操作).有没有办法删除键?或者弄清楚为什么他们甚至放在第一位?我自己从不手动设置任何东西.

mysql phpmyadmin

1
推荐指数
1
解决办法
2万
查看次数

如果文件不存在则重写条件

我的 .htaccess 文件中有以下代码:

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(\w+)$ /pages.php?link=$1
Run Code Online (Sandbox Code Playgroud)

我的理解是,它应该检查文件是否不存在,检查目录是否不存在,如果不存在则执行规则。由于某种原因,当我转到以下位置时,它给了我一个错误:

http://localhost/1.php

弹出的错误信息是:

script 'C:/xampp/htdocs/1.php' not found or unable to stat
Run Code Online (Sandbox Code Playgroud)

但奇怪的是,当我访问: http://localhost/1

它按其应有的方式运行(相应地重定向)。

.htaccess

0
推荐指数
1
解决办法
2286
查看次数

array.push添加名为push的键

我在这里错过了什么?这不应该只是将'hi'推入[4]而不是用名为'push'的键命名吗?

<script>
    Array = ["Banana", "Orange", "Apple", "Mango"];
    Array.push = ('hi');
    console.log(Array);
</script>
Run Code Online (Sandbox Code Playgroud)

javascript

-3
推荐指数
1
解决办法
59
查看次数

标签 统计

.htaccess ×1

css ×1

css-grid ×1

html ×1

javascript ×1

mysql ×1

phpmyadmin ×1