停止css网格重叠
停止CSS网格重叠是指通过调整CSS布局，防止网格元素之间发生重叠的现象。在网页开发中，网格布局是一种灵活且强大的布局方式，它可以将页面分割为各种大小的网格单元格，并在其中放置内容。然而，由于不正确的CSS设置或内容超出网格单元格的边界，可能会导致网格重叠，影响页面的可读性和用户体验。
为了停止CSS网格重叠，可以采取以下措施：
- 设置合适的网格单元格大小：确保网格单元格的大小足够容纳其内部的内容，避免内容溢出导致重叠。可以使用CSS属性
grid-template-columns和grid-template-rows来设置网格的列数和行数，并为每个网格单元格指定适当的大小。 - 使用适当的网格项定位：使用CSS属性
grid-column-start、grid-column-end、grid-row-start和grid-row-end来定义每个网格项在网格中的位置，确保它们不会重叠。通过调整这些属性的值，可以将网格项放置在不同的网格单元格中，避免重叠。 - 考虑使用自动网格布局：自动网格布局是CSS Grid的一种功能，可以根据内容自动调整网格单元格的大小和位置。通过将网格容器的属性
grid-auto-rows和grid-auto-columns设置为合适的值，可以确保网格单元格根据内容自适应，并避免重叠。 - 使用网格项间距：通过为网格项添加适当的间距，可以有效地避免它们之间的重叠。可以使用CSS属性
grid-column-gap和grid-row-gap来设置网格列和行之间的间距，或者使用gap属性同时设置列和行的间距。 - 借助调试工具：在开发过程中，可以使用浏览器的开发者工具来检查和调试网格布局。通过查看网格元素的盒模型、定位属性和大小，可以定位和解决可能导致重叠的问题。
总结起来，停止CSS网格重叠需要合理设置网格单元格大小、网格项定位、间距，并通过调试工具进行验证。合理使用网格布局可以使页面更加整洁、易读，并提升用户体验。
腾讯云相关产品和产品介绍链接地址：
腾讯云提供了丰富的云计算产品和服务，包括云服务器、云数据库、云存储、人工智能等，可以满足各种应用场景的需求。以下是一些相关产品和介绍链接地址：
- 云服务器（CVM）：提供弹性计算能力，支持按需创建和管理云服务器实例。了解更多：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高性能、高可用的关系型数据库服务，支持自动备份、容灾等功能。了解更多：https://cloud.tencent.com/product/cdb_mysql
- 对象存储（COS）：提供安全、低成本的云存储服务，适用于图片、视频、文件等的存储和分发。了解更多：https://cloud.tencent.com/product/cos
- 人工智能平台（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等，帮助开发者构建智能应用。了解更多：https://cloud.tencent.com/product/ai
以上是部分腾讯云的产品和介绍链接地址，可以根据具体需求选择适合的产品来实现停止CSS网格重叠。
相关·内容
2回答
我正在尝试用css网格做一个响应式的布局，让两个元素相互重叠到一半。在宽屏幕上，它们在一行中，水平重叠，但在窄屏幕上，它们应该在一列中，垂直重叠。
下面是我想要实现的目标：
css网格可以实现这种行为吗？这是我得到的距离，但现在我被困在试图获得垂直重叠。
CSS
.wrapper {
background: white;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(444px, 1fr));
}
.wrapper__red, .wrapper__green {
align-self: c
浏览 1提问于2018-03-19得票数 16
回答已采纳
有一个" sidenav“网格区域(菜单列表)，在sidenav右侧有一个"content”网格区域。在单击sidenav网格区域中的一个菜单项时，我希望在父菜单的右侧显示与"content“网格区域重叠的子菜单(li元素)。
下面的css已经写好了，子菜单没有显示出来。当不使用CSS网格时，整个设置工作良好。如何使用CSS网格来实现相同的功能？
@media (min-width: 700px) {
.main_container {
grid-template-columns: 0.1fr 1fr;
grid-template-a
浏览 2提问于2017-11-24得票数 1
回答已采纳
我使用拉斐尔JavaScript库生成多个随机大小的圆形元素，但因为它是随机的，所以许多圆形元素会生成重叠或相互覆盖。我想知道的是，有没有办法用JavaScript来判断一个元素是否已经在特定的位置，从而避免重叠？本质上，我想在画布上创建随机元素，随机大小不相互重叠或覆盖。
我在这里创建了几个测试文件，让您了解我在做什么。第一个链接生成随机对象，第二个链接将它们设置为网格以停止重叠。
浏览 3提问于2010-03-01得票数 1
回答已采纳
我正在使用material和react，我需要修复顶部栏(而不是页面顶部)，它是Grid元素(父元素)的顶部栏。
我试着用这样的方法修复topbar (子)：navigation: { position: 'fixed', maxWidth: '47vw', }和Grid (父)是：root: { maxWidth: '100vw', } ，但是如果网格(父)的宽度发生变化，topbar将重叠在它的父元素旁边的另一个网格元素上。，如何修复这种重叠？或者是否有继承父属性的css属性flex的解决方案？
浏览 3提问于2018-07-09得票数 0
1回答
每当由引导列包装的div元素被缩放更大时，它就会被其右侧邻居重叠。我不明白为什么会发生这种情况。
<div class="container-fluid">
<div class="row">
<div class="col-3 red"></div>
<div class="col-3 green"></div>
<div class="col-3 yellow">&l
浏览 4提问于2017-09-25得票数 1
回答已采纳
3回答
我有很多多边形。理想情况下，所有的多边形都不能互相重叠，但它们可以彼此相邻。
但实际上，我必须允许轻微的多边形重叠(由一定的公差定义)，因为所有这些多边形都是从用户的手绘输入中获得的，而这并不像我希望的那样精确。
我的问题是，是否有任何软件库组件：
允许输入一系列多边形。
检查多边形是否重叠超过预先指定的公差。
如果是，则停止，否则，继续
根据多边形的坐标和元素创建网格，将共同的顶点和边缘组合在一起？
更重要的是，将网格边缘与原始多边形的边缘连接起来？
还是以前有人处理过这个问题？
浏览 3提问于2011-09-21得票数 9
创建了。
当它在桌面和全屏上时，输出很好，但是当浏览器窗口的大小很小时，一个网格就会与另一个网格重叠。
我希望网格的高度是100%，这样我就可以把我的内容放进去，当屏幕很小的时候，一个网格应该占据整个屏幕，也就是说，不超过整个屏幕的高度减去顶部的肚脐。
不确定，但可能是因为下面的css代码。但是如果我删除这些css代码，我就不会获得全屏网格。这意味着它看起来像下面
CSS：
.mat-drawer-content {
position: absolute !important;
}
.mat-grid-list {
height: 100%;
}
.mat-grid-lis
浏览 0提问于2018-11-20得票数 2
回答已采纳
3回答
CSS网格中的重叠图像
、、、、
我需要两个图片重叠在一个CSS网格布局，没有欺骗，它必须用CSS网格。意味着它应该留在布局单元格中。以下是我正在做的工作：
“中间”应以图片为中心，同时以页面为中心，分别为“横幅”-cell。
以下CSS布局应该保持不变：
.container {
display: grid;
grid-template-columns: 15% 70% 15%;
grid-template-rows: 20% 20% 20% 20% 20%;
grid-gap: 2px;
grid-template-areas:
'banner banne
浏览 7提问于2017-08-18得票数 1
回答已采纳
3回答
如何改进这个递归函数，因为它太慢了。这个问题来自。
问题：
从2×2网格的左上角开始，只有向右和向下移动，才能到达右下角。
通过20×20网格有多少条这样的线路？
MAX = 2
paths = 0
def a(x=0,y=0):
if x==MAX and y==MAX:
global paths
paths+=1
return
if x>MAX or y>MAX:
return
a(x+1,y)
a(x,y+1)
a()
print(paths)
它测试所有的所有，直到它
浏览 1提问于2020-05-04得票数 2
回答已采纳
我正在尝试在一个项目中拥有多个数据网格。它们有一些不同的行为，因此也有不同的样式。第一个网格是一个完全自定义的网格，用一个带有完全自定义CSS文件的AbstractCellTableBuilder构建行(使用DataGrid.Resources覆盖)。
我遇到的问题是，我的第二个网格的自定义CSS正在应用于我的第一个网格。我没有看到任何编码重叠。似乎CSS类都是匿名的，所以它们显示在两个网格的元素上。
有什么想法吗？
如果有什么我可以提供的来澄清情况，请告诉我。
更新：
ReportSelectorGrid.css定义了DataGrid.Style所需的所有类。它们都是空的。
priv
浏览 3提问于2013-01-29得票数 0
回答已采纳
1回答
我的CSS有问题。我想让我的网站左边的滚动背景。
正如您在下面看到的，RGBA正在重叠整个页面，但我希望它只重叠背景图像。网格(覆盖图像)也是如此。
这有可能做到吗？
如果不可能使用CSS，我正在考虑用HTML实现这一效果。我想要一些更好的: CSS或HTML。因为我想让它保持移动友好，当然。
body {
background:linear-gradient( rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75) ),url("http://i.stack.imgur.com/gP9FG.png") fixed,url("http:/
浏览 2提问于2016-07-13得票数 1
(alpha.7)还没有像那样的响应式网格组件。bootstrap中的布局/网格系统允许创建响应式布局(不需要编写涉及自定义媒体查询的css和计算断点的像素值)，这是非常有用的。
我注意到在material2项目中包含bootstrap css时，material2组件的页边距/填充存在问题。例如：md-card组件开始重叠。
有没有办法让这两个库很好地结合在一起？
或
在material2中，有没有办法在不包含bootstrap css的情况下获得像响应式布局/网格这样的bootstrap呢？
浏览 25提问于2016-08-20得票数 6
1回答
我正在稍微扩展我的前端css技能，并试图实现以下目标:两个重叠的引导行，但保持它们的响应网格一样的行为。对我来说完全陌生，不知道该如何处理..。
因此，基本上，我希望两列并排(内容不断重复)，然后另一行与另一列重叠。这需要在所有红色列上访问中间列(在图像的第2行中)。
我该怎么做？当然，我想保留网格功能。
这是一个，我做了一个更好的理解。网格的行为并不像国际海事组织应该做的那样。此外，我不认为position: absolute是好的响应网站。
我希望我的问题足够清楚！提前感谢
浏览 3提问于2016-06-01得票数 4
回答已采纳
我使用的是asp.net，我的content_place持有者的内容在我的页脚之外重叠
这是页脚
这是我的css：
.footer {
background-color: orange;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
text-align:center;
clear:both;
height: 50px;
}
这是content_place持有者css
#content_area
{
width:80%;
margin-left:10%;
浏览 3提问于2016-05-14得票数 1
回答已采纳
1回答
我正在写一个Rally应用程序，在单独的Rally容器中既有图表又有网格。容器采用'vbox‘(垂直框)布局。它们的设置如下：
{
xtype: 'container',
itemId: 'rightView',
flex: 1,
layout: 'vbox',
items: [
{
xtype: 'container',
itemId: 'topRightView',
flex:
浏览 2提问于2013-06-14得票数 1
回答已采纳
1回答
我有最简单的CSS网格
.grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 50% 50%;
grid-template-columns: 1fr 1fr;
}
.cell {
border: 1px solid black;
}
，一个有效的例子。
在主浏览器上，它可以正常工作，但在Internet Explorer11中，网格元素是重叠的。
有没有办法(不把它们变成flex)来解决IE11上的这个问题？
浏览 0提问于2018-08-23得票数 3
我希望能够悬停或单击网格单元格，并有隐藏元素(如页脚)显示和重叠其他网格-项目，而不影响整体网格布局。
我知道有可能重叠细胞就像这个例子-
但是，正如示例所示，列和行是预先设置的。是否有一种方法来选择网格项，以便在动态添加项时更改它的z-index？
网格项是使用自动匹配添加的。我可以通过添加这样一个类来跨越多个行-
$(document).on('click', '.card-footer', function () {
$(this).closest('.card').toggleClass('row-span
浏览 4提问于2020-01-01得票数 0
1回答
我使用基于网格的布局，有两个主要部分。图表和时间轴。
图形，包含分级垂直条形图，HTML类似于：
<div id="graph" class="container_160">
<div id="Jan-97" class="grid_1 major"><a href="#"> </a></div>
<div id="Feb-97" class="grid_1 minor"><
浏览 1提问于2010-03-03得票数 1
我已经创建了一个用于IOS设备的SlickGrid。我以1秒的间隔(通过一个网络套接字)更新数据。我在上面添加了以下css，从而增加了滚动的势头：
.slick-viewport
{
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
这导致网格闪烁与每一个更新！如果我删除上面的css，它将停止闪烁。如果我停止更新数据(动量滚动打开)，它也将停止闪烁。您可以通过在SlickGrid wiki中提供的“突出显示和闪烁单元格”(或示例文件夹中的示例14 )中添加上述css来复制此问题。
当我添加上面的css以
浏览 1提问于2013-08-29得票数 1
回答已采纳
1回答
我试图使用这种布局来实现一个全窗口网格：
我试着把它分成更小的部分，但它们似乎总是重叠的。这有可能只使用CSS吗？
目前我正在使用波旁整洁网格(SASS)。
编辑：Codepen： --我为左边的幻灯片创建了3x3网格，而右侧没有特定的网格。一切都符合一个5x3网格。
显然，我可以定位所有的东西绝对，但它感觉不干净或可伸缩。网格是用于RWD目的的。
编辑2：目前，我已经定位/调整了每个街区的4路绝对位置，如下所示：
.description {
position: absolute;
top: 0%;
right: 40%;
bottom:
浏览 4提问于2013-12-05得票数 0
回答已采纳
1回答
使用CSS，这些边框在底部重叠。我正在使用outline属性。我在网格中显示图像，但希望网格有边框。我不会提前知道网格中有多少项，可能有1个，可能有2个，3个，14个等等。
这是我的CSS
.products {display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;width:100%;margin-top:75px;}
.product {outline: 1px solid rgba(0,0,0,.1);width:33.33%;display:-webkit-box;display:-ms-flexbo
浏览 0提问于2018-06-30得票数 0
2回答
我已经创建了一个4列2行的网格。网格有整个页面的宽度，每个部分被平均分割。我希望在每一张图片中都有一张图像，当用户在图像上方盘旋时，比例恢复到1。我现在遇到的问题是，当我将图像缩放到1.1时，图像似乎相互重叠，不再包含在它们所在的网格区域(见下面的图像，我在第2页2.jpg上盘旋)。
HTML：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
浏览 4提问于2020-03-02得票数 1
回答已采纳
我通过按名称设置骨骼位置和按名称设置骨骼旋转移动了一个可放置网格。现在我试图处理碰撞，但我没有得到任何重叠事件。
我使用的网格启用了碰撞，并生成了重叠事件，但当我用上面提到的方法移动网格时，我没有得到事件。
现在我想知道在移动网格后是否有可能得到重叠事件？
浏览 3提问于2017-03-06得票数 0
我有一个基于javascript的web，其中一个网格和一个地图在相同的位置。使用不同的按钮'TABLA / MAPA‘，我改变了css属性。
.back{
visibility:visible;
display:block;
}
.front{
visibility:hidden;
display:none;
}
默认情况下，使用此css，您可以看到，我将两个层重叠在一起。我也尝试过z-index，但什么也得不到。
浏览 0提问于2013-05-29得票数 1
回答已采纳
1回答
我在我的页面上有一个网格，由于某种原因，无论我尝试什么，网格中的元素都是巨大的，并且彼此重叠，尽管我的另一个页面上出现了一个类似的网格，没有任何问题。我不明白为什么会发生这种情况，因为这个网格的样式与我的另一个工作网格没有什么不同。 HTML： CSS： .albumView {
background-color:rgb(1, 0, 1);
padding:2rem;
margin:0;
}
.albumView > .grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(275
浏览 28提问于2021-02-26得票数 0
回答已采纳
1回答
在我的反应中，我使用simple-flexbox作为网格。当我将位置:固定添加到我的侧边栏组件时，我的主组件与侧边栏重叠。请帮助我解决这个问题。
<Row className={css(styles.container)}>
// My sidebar component
<SidebarComponent/>
// // My main component which has a header as well
<Column flexGrow={1} c
浏览 5提问于2020-07-01得票数 0
1回答
我设计了一个应用程序使用角度和有一个要求，我必须设计网格-像下面的图像。项2与 item1 重叠，除item1以外的所有项都将跨越宿主元素(容器)元素的宽度？
<div class="item1">
this is item 1
</div>
<div class="item2">
this is item 2
<
浏览 7提问于2019-10-18得票数 1
回答已采纳
1回答
如果有一个在堆栈中启用具有相同网格区域攻击的呈现元素的黑客，那就太棒了。我知道css-网格的默认功能是重叠它们，我只是想找一个黑客。
例如：
<div class="grid">
<div class="header">header</div>
<div class="paragraph">p1</div>
<div class="paragraph">p2</div>
<div class="paragraph
浏览 0提问于2019-02-08得票数 3
回答已采纳
我一直在遵循关于让网格在IE11上工作的指南。我的问题是，即使遵循这些规则，列和行也只是相互重叠，而不是占据它们的网格位置。
下面是一个可能导致问题的简单代码示例：
HTML
<div class="grid">
<div>Top Left</div>
<div>Top Right</div>
<div>Bottom Left</div>
<div>Bottom Right</div>
</div>
CSS
.grid {
display:
浏览 4提问于2017-11-08得票数 6
回答已采纳
我试图为我的网站建立概念，我正在创建一个响应式的菜单栏，一切都很好，直到我缩放浏览器时，元素开始相互重叠。
我不知道是否有可能停止与绝对定位元素的重叠，在进行了大量的研究之后，我发现没有任何有用的东西，我也尝试过clear:both。
HTML：
<div class="maincontainer">
<div id="block1" class="blocks">
</div>
<div id="block2" class="blocks">
&l
浏览 11提问于2017-01-28得票数 1
回答已采纳
1回答
当我尝试构建2列网格时，在IE11中只将最简单的网格渲染成一个重叠的行。
布局：
dl
dt
dd
dt
dd
..............
any number of rows
..............
/dt
CSS：
dl {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 2fr;
grid-template-columns: 1fr 2fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
浏览 13提问于2019-11-27得票数 2
1回答
ng-grid数据重叠
、、、
我是AngularJS新手，正在尝试使用ng-grid获取网格中的数据。我能够获得数据，但它们彼此重叠，并且我看不到任何网格。只有一个盒子来了。我尝试使用ng-style、ui-grid.css和ng-grid.css，但我认为样式不能正常工作。我不能分享完整的代码，但我已经在下面添加了一些代码片段。我做错了什么？
我的js文件：
$scope.myGrid={data:'roles',
columnDefs: [
{field: 'roleId', displayName: 'Role Id'},
{field:'r
浏览 9提问于2016-09-22得票数 1
1回答
具有透明度的重叠网格
、、、
我不确定我的措辞是否正确，但情况就是这样。我用meshes渲染了几个Three.JS的颜色和透明度，它们有点重叠。在网格重叠的地方，颜色也会重叠。你可以从深蓝色区域看到。
我想要的是网格是一个坚实的，透明的整体。如果它有帮助的话，网格是唯一被渲染到特定场景的东西，所以如果有某种方法使整个场景透明，那也很好。
浏览 3提问于2014-02-28得票数 1
回答已采纳
我有第三人称角色蓝图，如果CameraVisibilitySphere组件与角色重叠，我会尝试隐藏角色网格。它实际上是有效的，但只有当角色移动的时候。
如果我简单地将角色移动到一个物体附近，旋转相机，让它与物体碰撞，并更接近角色，网格就不会消失。但如果我只是稍微移动一下角色，无论在哪个方向上，球体仍然与角色重叠，重叠组件会像它应该返回的那样返回true，网格就会消失。
当网格不可见时，不移动角色，我旋转相机，使可见性球体不再重叠，什么也不会发生。如果我移动角色，网格就会重新出现。
我试着使用OnComponentBegin/EndOverlap，我也对它进行了编码，但没有什么变化，它显示了同样
浏览 1提问于2017-10-10得票数 0
我已经创建了一个24x64节点的网格，其中行是24，列是64。但问题是，每当我打开控制台窗口时，节点都会相互重叠。 我想在窗口大小改变时自动调整所有节点的大小。有谁可以帮助我吗？ grid.jsx const Grid = ({ grid }) => {
return (
<div className="grid">
{grid.map((row, rowIdx) => {
return (
<div className="cur-row" key={rowIdx}>
浏览 15提问于2021-07-14得票数 1
2回答
正方形网格中的重叠元素
、、、
我必须实现一个基于正方形网格的布局。如下图所示，某些元素必须在此网格内重叠响应。(正方形在x轴上偏移，并在y轴上重叠一个网格单元。)
有谁知道如何达到这个效果吗？我使用的是框架Foundation6，我更喜欢没有JavaScript的解决方案。我不能使用Foundation .#-push-#和.#pull-#类，因为它们会将元素向内移动，并且两个正方形必须在不同的行中。
.square {
background: #f00;
position: relative;
}
.square:after {
content: "";
display: blo
浏览 3提问于2016-03-17得票数 2
在使用CSS网格自动填充，我有一个按钮重叠另一个取决于屏幕大小。我有他们自己的HTML部分，其中包含两个div，每个按钮在它自己的div中。
无论决议如何，如何防止重叠？另外，无论分辨率如何，如何确保按钮只保持3px的间隔？
不会重新创建问题。这可能是Telerik问题，但我不确定这是否是一个自动填充问题。
HTML:
<section class="sectionSaveChecked">
<div class="itemBtnJump">
浏览 6提问于2018-08-31得票数 1
回答已采纳
好了，这就是我的css + html。
问题出在页脚。不知道该怎么做。
有人能告诉我我哪里做错了吗？
此外，如果我在div中插入了太多的文本，我仍然会遇到文本(在div中称为child 2，即文本主体)与页脚重叠的问题。为什么我不能防止任何东西重叠页脚？我已经试过把页脚放在包装器(字段)之外，我已经尝试了所有的方法。但是当你有太多的文本时，文本只会重叠在页脚上。我应该再试一次填充吗？编辑:不，仍然不能工作。
页脚被称为Child 4(即使它不是"field“的孩子，也就是我的html中的main wrapper )。
我已经访问了几个网站，有很好的细节。甚至尝试了那里提供的一些css
浏览 2提问于2011-02-04得票数 0
1回答
很好地对齐网格
、、、
我快被这事弄得头疼了。我使用的是一个网格容器，它包含两个网格。一个具有文本字段，另一个具有复选框。网格拒绝正确对齐。
<Grid container>
<Grid item sm={2}>
<TextField
id="filter"
label={labels.filterHelperText}
value={this.props.brokersListFilter}
onChange={this.onFilterChange}
InputProps={{
浏览 0提问于2018-08-29得票数 0
1回答
我试图通过使用鼠标拖动列分隔符(或调整占位符)来动态调整css网格布局框的大小。
我将resize: horizontal;设置为nav元素的大小，当我在元素的右下角拖动小的调整大小手柄时，它会被调整大小，但是相邻列的宽度不会自动调整，从而导致重叠。这是一个坏了的。
HTML
<main>
<nav>#1</nav>
<header>#2</header>
<section>#3</section>
</main>
CSS
main {
display: grid;
borde
浏览 3提问于2017-09-04得票数 39
回答已采纳
3回答
我使用引导网格系统作为我的布局来构建一个web应用程序。到目前为止，一切都很好，但是进入了这个问题，我有一个div行，它有一个大图像(宽度1280 px，高度150 px)，当您调整页面大小时，图像重叠于div。
为了解决这个问题，我在div上放置了一个固定的高度(高度150 it )，它停止了调整大小和重叠，但是我引入了一个新的问题。这现在抛开我的布局和添加一个垂直滚动条，我需要我的网页应用程序只适合整个页面。
我想也许添加一个溢出:隐藏在我的CSS，但似乎有点麻烦。只是想听听我的建议，也许我的布局也是不同的。似乎鞋带剂量与固定高度很好。
<div class="contai
浏览 5提问于2015-07-11得票数 0
回答已采纳
1回答
我正在创建一个基于雪碧图的游戏使用HTML5和CSS网格。我为不同的元素(背景和前景)设置了不同的z索引 期望:我想象多个元素可以占据相同的网格空间，但显然，它们被移动了，忽略了z索引。 结果:更改前景元素的网格区域会改变剩余项目的顺序，而不是重叠它们 ? CSS： #container {
position: relative;
height: 500px;
width: 500px;
display: grid;
grid-gap: 1px;
grid-template-columns: repeat(5, 20%);
gr
浏览 11提问于2019-06-10得票数 1
在引导中曾经有两个类允许一个推和拉元素。如果使用得当，就有可能重叠两个元素。示例：
<div class="container">
<div class="row">
<div class="col-md-9" style="background-color:green">column 1</div>
<div class="col-md-3 pull-md-3" style="background-color:b
浏览 2提问于2019-11-29得票数 0
回答已采纳
我正在使用display: flex为我的升级项目创建面板。代码看起来像这样，我试着尽可能地重新创建它：。现在，我不明白为什么这些图像被重叠到工具提示中(悬停在元素上以便工具提示出现)。这很奇怪，我以为是因为display: flex，所以我试着用网格做同样的事情，没有运气。工具提示必须是position: absolute，特别是因为我计划添加一些javascript，以便工具提示框跟随光标。是什么导致了这种行为？我在想，这与柔性盒/网格和绝对定位有关，但我不太擅长css
浏览 0提问于2018-06-29得票数 0
回答已采纳
1回答
clear在Outlook2007/2010以及display (和许多其他CSS属性)中都不起作用。我该用什么？
我需要支持中的所有客户端，但Lotus除外。
FYI:我使用的是一个XSL，它正在用表构建基于网格的标记。但是，我有一个表单元，它在某种程度上与另一个表单元(仅在Outlook 2007/2010中)重叠。
浏览 1提问于2011-02-25得票数 3
回答已采纳
1回答
砖石JS边际问题
、、
需要有人熟悉的砖石JS。我正在本地开发一个网站，一切都很好。当我推送到我的实时暂存站点时，我的砖石项目似乎忽略了我的底边距。
查看此处：
你可以看到最右边的网格项目是相互重叠的，其余的网格项目没有显示我在CSS中的35px底边距，所以间距是关闭的。如果您调整浏览器的大小以使网格重新调整，即使您随后将浏览器恢复为完整大小，一切都看起来很好。
而且，在我的本地机器上，它在第一次页面加载时运行得很好。
有什么想法吗？非常感谢！
本
浏览 2提问于2014-03-24得票数 1
2回答
我曾在多个网站上加载，其中网站被放大，以保持分辨率，因此停止重叠的移动页面。
我不确定我是否正确地解释了我的问题。由于我是一个新成员，我将增加链接的差异。
我尝试了一些css3媒体查询和一些元标签，我已经在网上找到，但目前没有什么对我有用。
以下是我网站的链接：
从下面的图片中可以看到，与导航栏重叠，将内容推得太远，呈现出压榨的外观。
浏览 0提问于2016-11-13得票数 1
回答已采纳
我已经写了一个自定义的ag-Grid cellEditor，cellEditor被设置为弹出窗口，并有一个输入字段，作为它下面的选择框的搜索/过滤输入。 我的问题是，绝对位置似乎适用于弹出窗口的垂直位置，但不适用于水平位置。如果弹出窗口对于底层网格来说太宽，它会将我的输入域推到一个不同的位置(通常是在左边)。 我有一个stackblitz示例，其中最左边的列(城市)在编辑时有一个正确定位的输入字段，但最右边的列(住宿)有一个定位在左边的输入字段。 https://stackblitz.com/edit/ag-grid-auto-complete 下面是正确定位的： ? 在下面，它的位置不正确
浏览 58提问于2019-03-18得票数 1
回答已采纳
1回答
我有一个CSS网格，它被设置为auto-fill列，可以在一行中显示尽可能多的项目。
这是通过：grid-template-columns: repeat(auto-fill, minmax(10em, 1fr));完成的。
我希望能够调整选定的网格项的大小，我正在尝试这样做：
resize: both;
overflow: auto;
这在基本级别上是可行的，但是当调整水平大小时，内容将与相邻的网格项重叠/扩展：
当垂直调整大小时，下面的行将被向下推倒，因此不存在重叠：
，这也是我想要的水平行为。
我理解这可能与对列使用auto-fill有关，因为当轨道被显式定义时，拉伸在两
浏览 1提问于2020-04-16得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
