gpt4 book ai didi

html - 我不在 CSS 中使用最小高度

转载 作者:行者123 更新时间:2023-11-28 04:09:51 25 4
gpt4 key购买 nike

我不使用最小高度命令。我想在分区中添加数据。但是我在这张照片中看到了这种情况。当我添加比部分区域更大的东西时,我看到第一张图片中的情况。

enter image description here

预期情况: enter image description here

<!DOCTYPE html>

<html>

<head>

<title>Sayfa Düzeni</title>
<meta charset="utf-8">
<link rel="stylesheet" href="./script/style.css">

<style>
body{
margin:0;
padding:0;
}

#wrapper{
margin:auto;
max-width:900px;
border-color:black;
border-style:solid;
min-height:500px;
background-color:yellow;
}

header{
max-width:900px;
height:70px;
border-color:gray;
border-style:dashed;
background-color:cyan;
}

nav{
max-width:900px;
height:50px;
border-color:gray;
border-style:dashed;
background-color:pink
}

aside{
float:left;
width:150px;
min-height:280px;
border-color:gray;
border-style:dashed;
background-color:cyan;
}

section{
float:left;
width:738px;
min-height:280px;
border-color:gray;
border-style:dashed;
background-color:white;
}

footer{
float:left;
min-width:894px;
min-height:76px;
border-color:gray;
border-style:dashed;
background-color:pink;
}
</style>

</head>

<body>

</body>

</html>
<!DOCTYPE html>

<html>

<head>

<title>Dağcılık ve Kış Sporları Ürünleri</title>
<meta charset="utf-8">
<link rel="stylesheet" href="./script/style.css">
</head>

<body>

<div id="wrapper">
<header>Header</header>
<nav>
<a href="Anasayfa.html">Anasayfa</a>
<a href="hizmetler.html">Hizmetlerimiz</a>
<a href="ürünlerimiz.html">Ürünlerimiz</a>
<a href="bizkimiz.html">Biz Kimiz?</a>
<a href="iletisim.html">İletişim</a>
</nav>
<aside>Yan Menü</aside>
<section>
Section
</section>
<footer>Sayfa Altı</footer>
</div>


</body>

</html>

<!-- begin snippet: js hide: false console: true babel: false -->

最佳答案

部分CSS;

       width: 80.5%;

overflow-y: scroll;

备用CSS;

      width: 18%;

关于html - 我不在 CSS 中使用最小高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42771248/

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