I don't use min-height in CSS
Question
I don't use min-height command. I want to add data in section area. But I see the situation in this picture. When I am adding bigger things than section area, I see the situation in first picture.
Intented Situation:
<!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 -->
1 answers
solution1
0 2017-03-13 19:08:18
for section css;
width: 80.5%;
overflow-y: scroll;
for aside css;
width: 18%;
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
CSS min-height isn't working
CSS: how to use min-height decently
CSS min-height doesn't work
CSS min-height in percents won't work if container has min-height in percents too
Is it better to use “min-height” always in place of height in css?
CSS Height working but min-height doesn't work
Transition don't work with min-height property
Min-height in CSS and HTML
CSS min-height not working
How can I make the CSS 'min-height' property ineffective?
Related Tags