css - CSS 网格布局:标签在 IE 11 上不起作用
问题描述
我在 IE 浏览器上搜索我的网站以查看...</p>
<style>
body {
margin: 5px;
display: -ms-grid;
display: grid;
width: 100%;
-ms-grid-columns: 9% 73% 17%;
-ms-grid-rows: 90px 105px 103px 140px 110px 70px;
background-color: #ebf5d7;
}
body > header {
-ms-grid-column: 1;
-ms-grid-column-span: 3;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
background-image: url("/Bilder/f409784856.png");
background-repeat: no-repeat;
padding: 20px;
}
body > nav {
-ms-grid-column: 1;
-ms-grid-column-span: 3;
-ms-grid-row: 2;
margin-top: 30px;
background-color: #d2f5c4;
}
body > #externalLinks {
-ms-grid-column: 1;
-ms-grid-row: 3;
-ms-grid-row-span: 3;
margin-top: 5px;
margin-bottom: 5px;
background-color: #d2f3c6;
}
body > main {
-ms-grid-column: 2;
-ms-grid-column-span: 2;
-ms-grid-row: 4;
background-color: #eaf6e5;
}
body > #furtherInformation {
-ms-grid-column: 3;
-ms-grid-row: 3;
-ms-grid-row-span: 3;
background-color: #d2f3c6;
margin-top: 5px;
margin-bottom: 5px;
}
body > footer {
-ms-grid-column: 1;
-ms-grid-column-span: 6;
-ms-grid-row: 6;
background-color: #99ee7a;
}
屏幕截图如何显示,一切正常,但是当在我的主标签上写任何东西时,它会显示在顶角,而不是我的主标签……我不知道,因为它不会显示。
可以请任何人帮助我,谢谢!
解决方案
我“解决”了问题……人们帮助我,找到答案……
display: block;
开启_body > main{
body > main {
margin: 5px;
grid-area: main;
display: block;
}
推荐阅读
- python - 无法建立 LSTM 单元的顺序模型
- sql-server - SQL Server 查询中的 DOTS DOTS
- java - CrudRepository.save() 似乎级联
- android - 什么会运行 ExampleUnitTest 但找不到 ExampleInstrumentedTest?
- javascript - 单词悬停时弹出
- r - 欧几里得距离与R中的归一化数据框
- ios - 如何将个人资料图片 URL 上传到 Firebase 数据库
- python - 有没有办法在 Python 3 中同时流式传输和捕获 subprocess.run 的输出?
- python - 使用 functools.lru_cache 时如何查看当前缓存大小?
- events - 对话流事件