避免css网格元素重叠

文章/答案/技术大牛

发布

1回答

css、css-grid

尝试使用网格进行布局，我希望在较小和较大的视口之间有不同的行为。在较大的视口，我希望一些内容显示在侧边栏，并尝试使用网格为此。这样使用<code>D2</code>，如何防止<code>D0</code>和<code>D1</code>重叠？<code>A3</code>

浏览 9提问于2021-06-14得票数 0

回答已采纳

2回答

如何使用JavaScript和拉斐尔JavaScript库停止元素重叠

javascript、raphael

我使用拉斐尔JavaScript库生成多个随机大小的圆形元素，但因为它是随机的，所以许多圆形元素会生成重叠或相互覆盖。我想知道的是，有没有办法用JavaScript来判断一个元素是否已经在特定的位置，从而避免重叠？本质上，我想在画布上创建随机元素，随机大小不相互重叠或覆盖。第一个链接生成随机对象，第二个链接将它们设置为网格以停止重叠。

浏览 3提问于2010-03-01得票数 1

回答已采纳

1回答

如何使用css修复左侧网格中的顶部栏，而不将其与下一个右侧网格元素重叠？

html、css、reactjs、material-ui

我正在使用material和react，我需要修复顶部栏(而不是页面顶部)，它是Grid元素(父元素)的顶部栏。{ position: 'fixed', maxWidth: '47vw', }和Grid (父)是：root: { maxWidth: '100vw', } ，但是如果网格(父)的宽度发生变化，topbar将重叠在它的父元素旁边的另一个网格元素上。，如何修复这种

浏览 3提问于2018-07-09得票数 0

2回答

CSS网格中的重叠项目

html、css、css-grid

我正在尝试用css网格做一个响应式的布局，让两个元素相互重叠到一半。在宽屏幕上，它们在一行中，水平重叠，但在窄屏幕上，它们应该在一列中，垂直重叠。下面是我想要实现的目标：css网格可以实现这种行为吗？这是我得到的距离，但现在我被困在试图获得垂直重叠。CSS background: white; grid-template-columns: r

浏览 1提问于2018-03-19得票数 16

回答已采纳

1回答

网格区域中的一个孩子有可能在另一个网格区域重叠吗？

html、css、grid、css-grid

有一个" sidenav“网格区域(菜单列表)，在sidenav右侧有一个"content”网格区域。在单击sidenav网格区域中的一个菜单项时，我希望在父菜单的右侧显示与"content“网格区域重叠的子菜单(li元素)。下面的css已经写好了，子菜单没有显示出来。当不使用CSS网格时，整个设置工作良好。如何使用CSS网格来实现相同的功能？

浏览 2提问于2017-11-24得票数 1

回答已采纳

1回答

避免网格面积相同的元素重叠。

css、css-grid

如果有一个在堆栈中启用具有相同网格区域攻击的呈现元素的黑客，那就太棒了。我知道css-网格的默认功能是重叠它们，我只是想找一个黑客。也就是说，将所有段落卷到另一个div中，并将该div指向一个网格区域。这里的例子：

浏览 0提问于2019-02-08得票数 3

回答已采纳

2回答

什么是引导中的.d-网格类？

twitter-bootstrap

我正在使用引导v5.1的块按钮，我使用d-grid使我的按钮响应。 <button class="btn btn-primary" type="button">Button</button>我想知道d-grid在这里做什么，因为我找不到任何有关这方面的文档。

浏览 7提问于2022-01-09得票数 2

回答已采纳

3回答

CSS网格中的重叠图像

html、css、grid、overlap、css-grid

我需要两个图片重叠在一个CSS网格布局，没有欺骗，它必须用CSS网格。意味着它应该留在布局单元格中。以下是我正在做的工作： .container { grid-template-columns: 15% 70% 15%;align-content:

浏览 7提问于2017-08-18得票数 1

回答已采纳

2回答

960网格系统中的重叠网格

css、960.gs

例如，在12列网格中，我希望有一个9列宽的网格和另一个4列宽的网格。divs将在中间有一个重叠的1个网格宽度。这对于一些花哨的效果很有用。当然，我可以只使用一个div，然后相应地在其中创建更多的div(不使用网格系统)，但是有没有更好的方法？

浏览 2提问于2010-07-07得票数 0

回答已采纳

1回答

是否有可能在CSS-Grid-Cell中放置多个元素而不重叠？

html、css、grid-layout、css-grid

我有三列和一行，我想将每个网格元素放入三个结果单元格中的一个。<div class="element"></div> </div> 我知道使用三个容器可以做到这一点，但我希望避免使用任何不真正使用多行并将元素从一行扩展到两行或三行不会像我上面发布的示例中那样“流畅”。但是，使用多行并仅调

浏览 0提问于2017-07-23得票数 30

回答已采纳

2回答

我对我的站点有一个问题；当实际显示大小小于原来的显示大小时，我无法找到使我的内容停止重叠的方法-- 1920x1080。我想知道我如何缩小整个页面，或者只是使我的内容不重叠。window.scrollTo(0, c - c / 8);};@import url('https://fonts.googleapis.com/csswidth=device-width, initial-scale=1.0"> <title&g

浏览 1提问于2019-07-23得票数 0

回答已采纳

1回答

如何使用css网格重叠项？

html、css、grid

我设计了一个应用程序使用角度和有一个要求，我必须设计网格-像下面的图像。项2与 item1 重叠，除item1以外的所有项都将跨越宿主元素(容器)元素的宽度？ <div class="item4"> </div> 你能帮助我的网格CSS吗？

浏览 7提问于2019-10-18得票数 1

回答已采纳

1回答

避免项目与CSS网格重叠(在IE11中)

css、internet-explorer-11、css-grid

我有最简单的CSS网格 display: -ms-grid; -ms-grid-columns: 50% 50%;有没有办法(不把它们变成flex)来解决IE11上的这个问题？

浏览 0提问于2018-08-23得票数 3

1回答

如何利用css网格实现响应式布局

css-grid

我希望使用响应性的css网格在figure1中实现布局。元素A，B，C，D，E-有不同的内容(内容与下图中的方框大小成正比)我试图定义具有重复、自动填充和适配内容的网格模板列，但我没有得到想要的结果我还试图定义重复、固定宽度的网格模板列，并将span分配给元素:例如，"grid-column: 1/ span 3“，这也无法给出所需的结果。是否可以使用css</

浏览 2提问于2019-09-21得票数 1

回答已采纳

1回答

在GWT中设置数据网格的样式-一个项目中的多个网格

gwt、datagrid

我正在尝试在一个项目中拥有多个数据网格。它们有一些不同的行为，因此也有不同的样式。第一个网格是一个完全自定义的网格，用一个带有完全自定义CSS文件的AbstractCellTableBuilder构建行(使用DataGrid.Resources覆盖)。我遇到的问题是，我的第二个网格的自定义CSS正在应用于我的第一个网格。我没有看到任何编码重叠。似乎CSS类都是匿名的，所以它们显示在两个网格的元素上。

浏览 3提问于2013-01-29得票数 0

回答已采纳

1回答

用鼠标动态调整css网格布局中列的大小

javascript、jquery、css、resize、css-grid

我试图通过使用鼠标拖动列分隔符(或调整占位符)来动态调整css网格布局框的大小。我将resize: horizontal;设置为nav元素的大小，当我在元素的右下角拖动小的调整大小手柄时，它会被调整大小，但是相邻列的宽度不会自动调整，从而导致重叠。这是一个坏了的。网格引擎会自动处理这种情况，但显然没有。我尝试过，但它似乎不能很好地工作在css网格中。我正在研究如何通过将网格属性grid-template-columns/ro

浏览 3提问于2017-09-04得票数 39

回答已采纳

1回答

C#窗口窗体-锚

c#、winforms

我在表单中有两个元素，两个GridViews。两者在同一水平水平上对齐。当我的窗体正在调整大小时，我希望它们都根据窗体大小更改它们的宽度/高度。问题是，如果我试图锚定它们，它们会在某个时候重叠，我想避免这种情况。我的问题是，我能否将一个网格视图锚定在另一个网格视图上，而不是锚定在表单上？

浏览 0提问于2018-12-17得票数 0

回答已采纳

1回答

CSS网格:如何将同一网格区域中的元素对齐？

css、layout、masonry、css-grid

我的目标是使用CSS网格布局的两列砖石布局的盒子。给定一个带有子元素的元素： <div></div> <div></div> <div></div> <div>我的想法是有两个网格区域left和right，并告诉孩子们拆分成

浏览 1提问于2017-03-09得票数 9

1回答

如何使用twitter引导(v4.4.0或更高版本)重叠两个元素？

html、css、twitter-bootstrap、overlap

在引导中曾经有两个类允许一个推和拉元素。如果使用得当，就有可能重叠两个元素。因此，不可能使用"order“类使元素重叠。在示例代码段中，您可以找到类pl-md-3。这将导致“第2列”被三个步骤(在网格系统中)拉到左边，从而使其与“第1列”重叠。当然，使用普通的旧css仍然可以做到这一点。我只是希望仍然有一种方法来使用引导。

浏览 2提问于2019-11-29得票数 0

回答已采纳

1回答

CSS网格移动项目，而不是重叠的z索引

html、css、z-index、css-grid、layer

我正在创建一个基于雪碧图的游戏使用HTML5和CSS网格。我为不同的元素(背景和前景)设置了不同的z索引期望:我想象多个元素可以占据相同的网格空间，但显然，它们被移动了，忽略了z索引。结果:更改前景元素的网格区域会改变剩余项目的顺序，而不是重叠它们 ? CSS： #container { height: 500px; displ

浏览 11提问于2019-06-10得票数 1

点击加载更多