gpt4 book ai didi

html - 无法使 div 成为屏幕的 100% 高度

转载 作者:行者123 更新时间:2023-11-27 23:07:57 26 4
gpt4 key购买 nike

<分区>

我想用#nav 和#contenido 填满所有剩余的屏幕,

我的 body

<header>
<?php include "includes/header.php"; ?>
</header>

<aside id="nav">
<?php include("includes/nav.php") ?>
</aside>

<div id="contenido">
<?php include("pages/pages.php"); ?>
</div>


<footer class="centradohorizontal centradovertical">
<?php include "includes/footer.php"; ?>
</footer>

在 header.php 有一个简单的页眉,在 footer.php 也有

我的 CSS 是:(我已经从页眉和页脚中删除了 css)

body {
display: grid;
grid-template-columns: 1fr 4fr;
grid-template-rows: auto 1fr auto;
grid-template-areas: "head head" "navegacion contenido" "foot foot";
color: #333 !important
}

header {
grid-area: head
}

#nav {
grid-area: navegacion;
background-color: #eb322a !important;
height: 100%
}

#contenido {
grid-area: contenido;
height: 100%
}


.centradovertical {
display: flex;
align-items: center
}

.centradohorizontal {
display: flex;
justify-content: center
}

我的问题是圆的:

a screenshot of my problem我想将红色 div 扩展 100%,但我将高度设置为 100%,但它不起作用

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com