我不在CSS中使用最小高度

Question

I don't use min-height command. 我不使用min-height命令。 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 -->

Answer 1

for section css; 对于CSS部分；

       width: 80.5%;

       overflow-y: scroll;

for aside css; 除了CSS

      width: 18%;

我不在CSS中使用最小高度

问题描述

1 个解决方案

解决方案1
0 2017-03-13 19:08:18

我不在CSS中使用最小高度

问题描述

1 个解决方案

解决方案1 0 2017-03-13 19:08:18

解决方案1
0 2017-03-13 19:08:18