CSS网格布局问题-内容重叠模板区域

文章/答案/技术大牛

发布

2回答

html、css、css-grid

我刚刚开始学习CSS网格，而不是使用bootstrap等。我已经为header，nav，main，aside，footer创建了行和列。但是当我在header内部创建<div>时，它会与边界重叠，我不知道为什么。行高应该随着内容的增加而增加...这就是我使用minmax(150px,auto)的原因。html为： <nav>Nav</nav> <header><div class="header-image"></d

浏览 27提问于2020-09-16得票数 0

1回答

布局设计学到什么？DIV+css还是新的CSS3网格2D布局？

html、css、layout

我是一个新手谁想学习布局设计的html。从它和他们所拥有的图表来看，它似乎更适合于布局设计。有没有人使用这一点，并

浏览 3提问于2013-05-18得票数 0

回答已采纳

1回答

Css网格可伸缩性

css、css-grid

我最近开始使用css网格来创建一个网站的布局。我为主页做了一个漂亮的模板。当我开始开发网站并添加页面时，我很快意识到，我需要为每个页面的内容建立一个网格。虽然这不是一个大的问题，这个项目只有3-4页，我可以看到这变得很难管理与更大的网站，有不同的布局为每一页。使用网格似乎迫使您为每个页面的内容编写css，而不是仅仅使用像引导中的标记。网格可以不用为每个页面编写css</e

浏览 0提问于2018-04-10得票数 1

回答已采纳

1回答

基于语义UI网格的页面布局:无法移除排水沟

html、css、semantic-ui

我试图创建一个布局，其中有一个边栏和主要内容区域。起初，我认为使用网格是可行的，只是它们会引起一些问题： “移除”排水沟的唯一方法是用类似于<div class="four wide black column">的内容设置列颜色，但这会导致列与其他内容重叠。因此，网格似乎不是创建页面布局的最佳工具，尽管它们确实提供了一些功能，使其对于

浏览 2提问于2015-12-15得票数 10

5回答

WPF工具包DataGrid -行重叠(行高度问题)

c#、.net、wpf、datagrid、wpftoolkit

我有一个包含一些模板列的DataGrid，其中包含另一个DataGrid。我的问题是，如果一些行中有很多内容，它们的高度不会调整，因此整个内容都是可见的，而是被切断，给人一种行重叠的印象。但是，只要我在网格中添加新行，或者在主网格的某一行内的微型网格中添加新行，布局就会更新，行的高度也会正确调整。有没有办法强制网格根据内容

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

2回答

960网格系统中的重叠网格

css、960.gs

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

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

回答已采纳

2回答

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

twitter-bootstrap

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

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

回答已采纳

1回答

如何在不影响其他区域的情况下，在CSS网格中创建动态区域？

html、css、css-grid

这就是问题所在。我想要一个类似于这样的布局，在这个布局中，C会动态地以更多的内容增长。然而，这正是我所得到的。基本上，A行与C一起增长：我的带有模板区域的包装代码： display: grid; grid-template-columns: 0.64fr 1fr 5fr 0.64fr但是，是否有更多的CSS网格方法来处理这个问题呢？

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

回答已采纳

1回答

创建重复的CSS网格布局

css、css-grid

我已经阅读了许多其他类似的问题，并尝试自己做了几天，但我被困在创建一个重复的CSS网格布局。现在，我已经成功地创建了布局，但它只适用于6个项目。如果添加更多内容，则它们与当前项重叠，因为它们被卡在相同的网格空间中。我需要网格可以无限地适用于它下面的所有项目。我已经尝试过使用:nth-child，在定义网格容器中的网格模板区域时，以及在单个项目上使用网格<

浏览 6提问于2022-02-01得票数 1

回答已采纳

1回答

如何在报表中添加tablix控件？

ssrs-tablix

这似乎是一个简单的问题，但我找不到任何关于将tablix控件添加到SSRS报告中的内容。我使用的是SSRS2008 R2。

浏览 1提问于2012-06-02得票数 5

回答已采纳

1回答

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

css-grid

我希望使用响应性的css网格在figure1中实现布局。元素A，B，C，D，E-有不同的内容(内容与下图中的方框大小成正比)我试图定义具有重复、自动填充和适配内容的网格模板列，但我没有得到想要的结果--我遇到了解释如下的链接自动重复(自动填充或自动填充)不能与固有的或灵活的大小(例如，fit内容)结合在一起。我还试图定义重复、固定宽度的网格</

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

回答已采纳

2回答

无法将css类添加到面板区域

7、panels、theming

我希望在面板页面中将自定义css类添加到特定区域。引导设置有几个下拉框，自定义样式设置有一大堆选项，但无法添加css类。我需要在某个地方重写一个模板吗？这应该是微不足道的..。

浏览 0提问于2015-07-25得票数 3

回答已采纳

4回答

带禅宗网格的主题板

panels、theming

我想主题面板使用禅宗网格的布局。由于面板中的所有内容都出现在“content”div中，那么使用面板将内容放置在页面上的任何位置的最灵活的方法是什么？我到处都用-面板吗？-小型面板？我把所有的内容-项目放在一个列布局</

浏览 0提问于2012-12-06得票数 4

回答已采纳

1回答

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

css、layout、masonry、css-grid

我的目标是使用CSS网格布局的两列砖石布局的盒子。我的想法是有两个网格区域left和right，并告诉孩子们拆分成它们： display: grid;}也就是说，它们都聚集在顶部，并相互重叠。有没有可能使用CSS grid布局属性来使子元素在列中对齐，就像通常使用position: static一样

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

1回答

HTML:如何处理网格区域/列/行中溢出的内容

html、css、css-grid

我想制作一个投资组合网站，并且我的页面创建很困难：带有Grid的容器的大小由viewport定义，溢出被隐藏。包含内容的容器的大小由其内容定义，溢出是可滚动的。使用z索引或容器的顺序，<

浏览 3提问于2022-03-13得票数 2

1回答

CSS网格无限滚动和动态内容

jquery、html、css、twitter-bootstrap、css-grid

我即将用css网格实现一个模板，请参阅此处：或这篇不错的文章：但是我必须在css中定义网格行和列，所以我想知道这个布局将如何使用动态内容，比如无限滚动。或者修改元素数量的ajax请求。如果我必须加载新行，是否有一种只使用css网格的方法？这合理吗？我想知道什么是最好的方式来混合css网格与弹性布局，或引导结构。

浏览 3提问于2017-08-17得票数 0

2回答

在CSS网格布局中创建响应行和列

css、css-grid

我刚刚完成了我的第一个CSS grid布局，模板区域的工作方式给我留下了深刻的印象，但此时此刻，我也对我应该如何填充模板区域中的条目感到非常困惑，这些条目本身就有响应性的列。<style>

浏览 11提问于2019-09-24得票数 0

1回答

CSS网格-内容重叠问题

css、angular

可以使用CSS网格创建以下布局吗？ ? 布局本身非常简单。'+ subItem.subtitle | translate}}</span></a> </div> className = 'active-text-bold

浏览 10提问于2021-03-23得票数 0

1回答

无法使用CSS网格/网格模板区域布局页面。

html、css、css-grid

我是HTML，CSS和JS的新手，这是我第一次在这里发表文章。我一直在这里搜寻，在这个问题上花了一天左右的时间，但没有找到解决办法。我正试图用CSS网格来布局一个主页。我尝试过使用网格模板区域显式地布局页面，也尝试使用单独的网格模板列和行，但是我的代码似乎没有任何效果。我试过几种不同的方法。我肯定是比较小的东西，但我看不见。

浏览 9提问于2020-07-26得票数 4

回答已采纳

1回答

棘轮CSS和Marionette地区

css、marionette

你好，MarionetteJS Gurus，我有一个可能很简单的问题，但我无法思考如何解决这个问题。我有一个有两个区域和一个布局的应用程序，我正在使用棘轮CSS库进行原型设计。问题似乎在于交换输入和输出视图所需的包装div。棘轮CSS需要标题栏直接位于内容部分的上方，以便正确地将它们停靠在视图端口的顶部，但是Marionette的区域和布局(至少在我的配置中是这样)阻止了这种情况的发生。也许我能更好地整理我的观点？

浏览 1提问于2014-04-21得票数 0

点击加载更多