回答情况：
提问时间：
问题标签：
我正在尝试设置一个css网格的页面布局。我正在使用scss。当我想使用grid-template的scss变量时，布局中断。$page-header-height: 3rem;$content-menu-width: 10rem;
$content-foot-height: 4rem;
$page-si
浏览 9提问于2020-03-20得票数 2
回答已采纳
我使用css布局样式显示:网格display: grid;grid-template-rows: 9rem 9remimage details details" "in
浏览 5提问于2020-04-21得票数 0
我正在使用ionic2，对所有移动设备的响应布局有一个问题。我使用rem来设置布局，但是rem只适用于字体大小，而不适用于高度和宽度。下面是代码片段和截图： width: 6rem; font-size: 1.5
浏览 1提问于2017-06-13得票数 0
回答已采纳
对于".header-links“，我试图使链接成为一个固定的显示，但当位置固定时，它会弄乱布局。当位置是相对的时候，它不会弄乱布局，但这不是我想要的。我想要的链接是固定的。 .box { height: 500rem; position: absolute; width: 18rem; color: #3d3d5c;
浏览 15修改于2020-07-16得票数 0
在这段代码中，第一个div显示3rem的宽度。svg圆也应该是3rem宽，如果我删除display:flex，就是3rem宽。但是当它是flex时，svg就会收缩。如何才能强制执行此大小？我想有流畅的布局，使用rem而不是px。<div style='b
浏览 1提问于2021-01-20得票数 0
1回答
我试着用柔性盒构建这样的布局：我如何将这些项目堆叠在一起？ display: grid; grid-template-columns: 2rem repeat(2, auto) 2rem; background-color: #fff; background-
浏览 4修改于2017-05-03得票数 0
回答已采纳
我正在尝试将三列布局变成两列布局，其中第三列在前两列下方居中。但是，第一列和第二列并不相邻。 我在谷歌上搜索并查看了其他示例，并尝试实现它们，但我不确定为什么它仍然不起作用。 我该如何解决这个问题呢？; max-width:40%; <h3>Header 1</h3>
浏览 28修改于2020-07-27得票数 0
回答已采纳
2回答
举个例子：header { background: PeachPuff;footer { background{ height: 10.0rem;}
display: grid;
grid-template-columns: repeat(3, 10.0re
浏览 0修改于2018-10-20得票数 3
回答已采纳
我想创建两列布局与使用Bourbon的flexbox。代码如下： margin: 0 3rem 4rem 0; @include display(flex); .module_grid_item { flex: 0 0 50%;
padding: 3rem0 0 3<
浏览 0提问于2015-09-29得票数 0
在我半流质的论坛布局中，我遇到了一个奇怪的问题:帖子中的图片有时会拉伸页面，但有时不会。
</div>
<&#x
浏览 3修改于2017-05-23得票数 0
回答已采纳
我完全理解移动-优先的概念，并能够使我的网站布局响应，但字体大小不改变时，我应用断点和屏幕大小的变化。theme: { fontSize: { sm: "0.875rem",
浏览 4提问于2021-12-31得票数 0
下面是元素的预期布局。这只是简单的卡片，在它后面有一个伪元素的位置。预期布局： background-color: rgba(0, 0, 100, 0.2); padding; width: 10rem; content: '';
position: absolute;background-colo
浏览 0修改于2021-01-22得票数 0
回答已采纳
; padding-left: 0 rem; unsafe_allow_html=True,# 2 <style> padding-top: 0<
浏览 9提问于2022-02-21得票数 1
回答已采纳
我正在尝试使用网格进行布局，其中网格的前两行占用100vh，但是导航条是粘性的，高度未知。第三行是正文内容，可以滚动到。初始布局可以很容易地实现，不需要粘粘，但是要让position: sticky使用导航条，所有元素都需要在相同的级别上。我不想依赖于肚脐的静态高度。 display: grid;}
background: lightgreen;}
di
浏览 2提问于2022-06-16得票数 0
我的移动媒体查询将页面从两栏布局改为一栏布局，并使用CSS网格。; }
padding: 2rem 4rem 2rem 4rem; margin: 1.5rem auto; width: 7
浏览 6提问于2019-03-10得票数 1
回答已采纳
我一直试图为响应的两列布局(文本和图像)写CSS，但我在这方面有困难。布局如下：
布局中的内容位置可能会发生变化，因此文本可以位于右侧列，图像可以位于左侧列(配置在CMS中)。这种改变绝不能影响布局。jpg" alt="Imag
浏览 3提问于2020-02-10得票数 0
回答已采纳
我必须实现一个搜索功能，它的布局如下：所有这些都是水平布局的一部分。; border-top: none; border-right: none; position: relative; width: 3</em
浏览 0提问于2015-07-01得票数 0
1回答
我有电网布局。一切都很好。但是当我使屏幕变小时，输入字段不想像其他元素那样缩小。有人知道怎么修吗？谢谢你！nav { background-color: #B0B5BD; grid-column: 1 / 7; font-size: 1.3rem;}
grid-column: 1 / 2;
浏览 5修改于2022-01-02得票数 1
我需要像下面这样的布局：
键入区域显示哪个用户正在键入，联机显示哪个用户联机。消息显示消息，聊天包含输入。使用我得到的网格系统：</form> #form { padding: 0.25remfixed; left: 0;
right:
浏览 10提问于2022-12-03得票数 0
回答已采纳
关于下面的布局，我实际上有两个问题。 ? 如果我看到这个布局，我会看到2个main div。第一个包含3列的div的背景是白色的。第二个div的背景是蓝色的。这就是我所拥有的： <style> flex-basis: calc(33% - 1rem); }
margin-
浏览 23提问于2018-12-21得票数 0
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号