我不在CSS中使用最小高度
[英]I don't use min-height in 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{ 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 個解決方案
解決方案1
0 2017-03-13 19:08:18
對於CSS部分；
width: 80.5%;
overflow-y: scroll;
除了CSS
width: 18%;
如果容器也具有以百分比表示的最小高度，則以百分比表示的CSS最小高度將不起作用
[英]CSS min-height in percents won't work if container has min-height in percents too
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.