0
看來我只能將第一個最外面的div(#base_wrapper)設置爲100%。 我還沒有找到一種方法來設置任何內部嵌套div的高度爲100%的高度。如何將嵌套的內部div設置爲100%的高度?
有誰知道如何正確地做到這一點?
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html {
height: 100%;
}
body {
background-color: #FFF;
font-family: helvetica, arial, sans-serif;
font-size: 10pt;
color: #000;
margin: 0px;
padding: 0px;
height: 100%;
border: none;
}
#base_wrapper {
min-height: 100%;
background-color: #F00;
}
#base_inner_wrapper {
min-height: 100%; /* does not work */
padding-bottom: 16px;
background-color: #0F0;
}
#base_body {
min-height: 100%; /* does not work */
background-color: #00F;
}
#base_statusbar {
background: #25272B;
height: 16px;
}
#base_footer {
height: 16px;
width: 100%;
color: #F47920;
position: absolute;
bottom: 0;
background: #25272B;
}
</style>
</head>
<body>
<div id="base_wrapper">
<div id="base_statusbar">
HEADER
</div>
<div id="base_inner_wrapper">
<div id="base_body">
CONTENT
</div>
</div>
<div id="base_footer">
FOOTER
</div>
</div>
</body>
</html>
3格內的div並且均具有100%的高度? 300%? – 2013-02-24 19:15:05