2017-03-13 13 views
0

최소 높이 명령을 사용하지 않습니다. 섹션 영역에 데이터를 추가하고 싶습니다. 그러나 나는이 그림에서 상황을보고있다. 섹션 영역보다 큰 항목을 추가 할 때 첫 번째 그림의 상황을 봅니다.CSS에서 min-height를 사용하지 않습니다.

enter image description here

들이 의도 상황 : 부 CSS 대한 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{ 
 
\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 -->

답변

0

;

 width: 80.5%; 

     overflow-y: scroll; 

제발 css;

 width: 18%; 
+0

이 방법이 올바르지 않습니다. https://i.hizliresim.com/7qMvbL.jpg –