0
최소 높이 명령을 사용하지 않습니다. 섹션 영역에 데이터를 추가하고 싶습니다. 그러나 나는이 그림에서 상황을보고있다. 섹션 영역보다 큰 항목을 추가 할 때 첫 번째 그림의 상황을 봅니다.CSS에서 min-height를 사용하지 않습니다.
<!DOCTYPE html>
<html>
<head>
<title>Sayfa Düzeni</title>
<meta charset="utf-8">
<link rel="stylesheet" href="./script/style.css">
<style>
body{
\t margin:0;
\t padding:0;
}
#wrapper{
\t margin:auto;
\t max-width:900px;
\t border-color:black;
\t border-style:solid;
\t min-height:500px;
\t background-color:yellow;
}
header{
\t max-width:900px;
\t height:70px;
\t border-color:gray;
\t border-style:dashed;
\t background-color:cyan;
}
nav{
\t max-width:900px;
\t height:50px;
\t border-color:gray;
\t border-style:dashed;
\t background-color:pink
}
aside{
\t float:left;
\t width:150px;
\t min-height:280px;
\t border-color:gray;
\t border-style:dashed;
\t background-color:cyan;
}
section{
\t float:left;
\t width:738px;
\t min-height:280px;
\t border-color:gray;
\t border-style:dashed;
\t background-color:white;
}
footer{
\t float:left;
\t min-width:894px;
\t min-height:76px;
\t border-color:gray;
\t border-style:dashed;
\t 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>
\t
\t <div id="wrapper">
\t \t <header>Header</header>
\t \t <nav>
\t \t <a href="Anasayfa.html">Anasayfa</a>
\t \t <a href="hizmetler.html">Hizmetlerimiz</a>
\t \t <a href="ürünlerimiz.html">Ürünlerimiz</a>
\t \t <a href="bizkimiz.html">Biz Kimiz?</a>
\t \t <a href="iletisim.html">İletişim</a>
\t \t </nav>
\t \t <aside>Yan Menü</aside>
\t \t <section>
\t \t \t Section
\t \t </section>
\t \t <footer>Sayfa Altı</footer>
\t </div>
</body>
</html>
<!-- begin snippet: js hide: false console: true babel: false -->
이 방법이 올바르지 않습니다. https://i.hizliresim.com/7qMvbL.jpg –