我有一个容器 DIV 位置:相对。把所有东西都放在里面然后一左一右一列,经典布局。它们都绝对定位在这个相对的#Main 中。我希望权利是流动的,所以我说 top: 0px; 左:280px;(左列宽) right: 0px 都可以,但是 bottom:0px 不起作用。我说身高:100% 还是什么都没有。它捕捉到除底部之外的所有边缘。该 div 的高度始终为 1px 或 0px。只有 px 值似乎有效,但那将无法使用。这是什么原因?有什么线索吗?提前谢谢...
代码粘贴在下面
HTML:
<div id="Main">
<div id="LeftSection">
<div id="Logo">
</div>
<div id="dvPanelMenu">
</div>
</div>
<div id="RightSection">
<div id="dvTopMenu">
</div>
<div id="dvLogin">
</div>
<div id="dvContent">
</div>
</div>
</div>
CSS:
body {
margin: 0px;
}
#Main
{
position: relative;
}
#LeftSection
{
position: absolute;
width: 280px;
height: 100%;
}
#Logo
{
position: absolute;
margin: 10px 0px 10px 30px;
}
#dvPanelMenu
{
position: absolute;
top: 140px;
left: 0px;
width: 280px;
height: auto;
text-align: left;
}
#RightSection
{
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 280px;
background-color: Blue;
}
#dvContent
{
position: absolute;
top: 36px;
left: 2px;
right: 0px;
bottom: 20px;
border: 1px dotted black;
}
#dvTopMenu
{
position: absolute;
top: 0.4em;
left: 20px;
}
#dvLogin
{
position: absolute;
right: 50px;
top: 0.4em;
font-family: Tahoma;
font-size: 11px;
text-align: left;
color: Teal;
}