是否将动态网格列扩展到最大行宽？
大家好。我试图在网格上实现一个标题，它在较小的屏幕上动态地将列移动到下一行。我使用以下字符串构建它：
Grid-Template-Columns：repeat（auto-fit,minmax（max-content,230px))；
它有点起作用，但在某些分辨率下，列不会向右扩展到全宽，因此另一个背景（从[body])从下面可见。如果没有mediaquery或calc（如果没有其他方法，我会尝试那些），我如何使所有列都保持在屏幕的右端呢？很抱歉不专业的解释，我对编码还是个新手。截图
null
@charset "utf-8";
.headergrid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(max-content, 230px));
margin-top: -8px;
margin-left: -8px;
margin-right: -8px;}
.headergrid > div {
background-color: #191D1F;}<body style="background-color:#1ba6fc;">
<div class="headergrid">
<div class="location">
<img src="clipart-map-location-11.png" alt="location" width="20" height="20" class="locicon"><span style="color:#E2E4C9">Москва, ул Хабаровская, 2. Cр-Вс с 12 до 18.</span>  
</div>
<div class="element">
<a href="tel:+7(977)8844 922"><img src="phngrn.png" width="25" height="25" alt="phone" class="phonicon">+7(977)8844-922</a>  
</div>
<div class="element">
<a href="mailto:mail@zvteh.ru"><img src="hiclipart.com (11).png" width="30" height="20" alt="mail" class="mailicon"/>mail@zvteh.ru</a>    
</div>
<div class="element">
</div>
<div class="social">
<a href="https://api.whatsapp.com/send?phone=79778844922"><img src="hiclipart.com.png" width="40" height="30" alt="whatsapp" class="whappicon"></a>  
<a href="https://vk.com/zvteh"><img src="hiclipart.com (12).png" width="30" height="30" alt="VK.com" class="vkicon"></a>  
<a href="https://telegram.me/zvteh"><img src="hiclipart.com (14).png" width="27" height="27" alt="Telegram" class="telecon"></a></div>
</div>null
共有1个答案
解决方案是将此网格放入带有标题背景色的父div框中。它将在那里覆盖主背景，并且所有行在所有分辨率下都显示为100%的宽度。
-
问题内容： 我有这样的事情： 两个花车都是必需的。我希望内容div填充整个屏幕减去菜单的那些100px。如果我不使用浮点数，div会完全按照它的比例扩展。但是当设置了float时如何设置呢？如果我用…… 然后内容div会获取父级的大小，它是正文或我也尝试过的另一个div，因此，它当然不适合菜单右侧，然后显示在下面。 问题答案： 希望我正确理解了您，看看这个：
-
我按照以下说明创建了一个类来扩展selenium网格：https://www.swtestacademy.com/extend-selenium-grid连接selenium节点不是问题（只要我扩展了selenium Version3.12[3.141.59不允许连接])。我的问题是无法连接appium节点。 [Appium]向网格注册的请求不成功：500-“\n\n\n错误500服务器错误\n\
-
问题内容： 在Postgres 9.3数据库中，我有一张表，其中一列包含JSON，如下面示例中所示的测试表所示。 JSON始终是一个包含可变数量哈希值的数组。每个哈希始终具有相同的键集。我正在尝试编写一个查询，该查询为JSON数组中的每个条目返回一行，并为每个哈希键和Things表中的ID设置列。我希望输出如下所示： 即，两行用于JSON数组中包含两项的条目。是否可以让Postgres做到这一点？
-
是否有可能将Nifi中的入站TCP连接数量扩展到数万个？使用TCP连接扩展NIFI：文档状态最大设置为2。 我们预计将处理10-25,000个长时间运行的TCP连接（最大连接持续时间为4小时）。部署多个冗余的NIFI集群来处理负载不成问题。
-
用法 包含 'treegrid-dnd.js' 文件 <script type="text/javascript" src="treegrid-dnd.js"></script> 启用拖拽与放置 <table title="Folder Browser" data-options=" data: data,
-
用法 包含 'datagrid-dnd.js' 文件 <script type="text/javascript" src="datagrid-dnd.js"></script> 启用拖拽与放置 <table title="DataGrid" data-options=" singleSelect:true, data