Question

我没有使用min-height命令。我想在部分区域添加数据。但我看到了这张照片中的情况。当我添加比区域更大的东西时，我会在第一张图片中看到这种情况。

情况：

＆＃13;

<!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>

＆＃13;

<!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 -->

＆＃13;

Answer 1

表示css;

       width: 80.5%;

       overflow-y: scroll;

除了css;

      width: 18%;

我不会在CSS

1 个答案: