如何设置div的最小高度以适应屏幕？
[英]How to set min-height of div to fit the screen?
问题描述
<!DOCTYPE html>
<html>
<head>
<style>
.banner{
width:800px;
height:160px;
border:1px solid #000000;
}
.main_box{
width:800px;
height:300px;
border:1px solid #000000;
}
</style>
</head>
<body>
<div class="banner"></div>
<div class="main_box"></div>
</body>
</html>
在这里，当我将main_box" to 100%的最小高度设置为main_box" to 100%没有任何反应。
但是当我设置它的高度（以像素为单位）时，高度是可见的。 我想设置main_box div的高度以适应屏幕。
有谁知道怎么做？
3 个解决方案
解决方案1
4 已采纳 2014-11-16 14:21:32
解决方案2
0 2014-11-16 14:21:34
首先设置html，身高达到100％
html,body{
height:100%
}
解决方案3
0 2014-11-16 14:31:14
尝试使用这个CSS：
<style>
html,body{
height:100%
}
.banner{
width:800px;
height:160px;
border:1px solid #000000;
}
.main_box{
width:800px;
min-height:300px;
height:75%;
border:1px solid #000000;
}
</style>
如何在任何屏幕上适应具有最小宽度和最小高度的整个 HTML 页面？
[英]How to fit an entire HTML page with min-width and min-height on any screen?
CSS，如何仅在第一页加载时将最小高度/宽度设置为屏幕高度/宽度？
[英]CSS, How do I set the min-height/width to the screen height/width only on first page load?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.