我试图将页面水平分成两半.我想通过
HTML / CSS完成它,我不想使用JS.
我究竟做错了什么？
我究竟做错了什么？
谢谢
CSS
#container {
min-height:100%;
}
#top_div {
height:50%;
width:100%;
background-color:#009900;
margin:auto;
text-align:center;
}
#bottom_div {
height:50%;
width:100%;
background-color:#990000;
margin:auto;
text-align:center;
color:#FFFFFF;
}
HTML
<div id="container"> <div id="top_div">top</div> <div id="bottom_div">bottom</div> </div>
解决方法
试试这个：
body,html,#container {
height: 100%;
}
