我遇到了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)我有显示的表格,它显示了AI,并在名称旁边显示了小键图标(我假设这意味着它是主键),但右侧的主键显示为灰色.另外由于某种原因,我还定义了4个其他主键,无法删除它们(单击图标不会执行任何操作).有没有办法删除键?或者弄清楚为什么他们甚至放在第一位?我自己从不手动设置任何东西.
我的 .htaccess 文件中有以下代码:
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(\w+)$ /pages.php?link=$1
Run Code Online (Sandbox Code Playgroud)
我的理解是,它应该检查文件是否不存在,检查目录是否不存在,如果不存在则执行规则。由于某种原因,当我转到以下位置时,它给了我一个错误:
弹出的错误信息是:
script 'C:/xampp/htdocs/1.php' not found or unable to stat
Run Code Online (Sandbox Code Playgroud)
但奇怪的是,当我访问: http://localhost/1
它按其应有的方式运行(相应地重定向)。
我在这里错过了什么?这不应该只是将'hi'推入[4]而不是用名为'push'的键命名吗?
<script>
Array = ["Banana", "Orange", "Apple", "Mango"];
Array.push = ('hi');
console.log(Array);
</script>
Run Code Online (Sandbox Code Playgroud)