Html 带边栏的布局
我无法让我的布局按它希望的方式工作 我有一个Html 带边栏的布局,html,css,layout,Html,Css,Layout,我无法让我的布局按它希望的方式工作 我有一个位置:绝对标题,一个浮动:左侧侧边栏和一个位置:绝对div#页面 现在,无论我尝试什么,我都无法让侧边栏一直延伸到页面底部 编辑: 这是: 我为你做了这个: <aside class="sidebar"> hello </aside> <div id='page'> hello </div> .sidebar{ position:absolute; float:left;
位置:绝对
标题
,一个浮动:左侧
侧边栏和一个位置:绝对
div#页面
现在,无论我尝试什么,我都无法让侧边栏一直延伸到页面底部
编辑:
这是:
我为你做了这个:
<aside class="sidebar">
hello
</aside>
<div id='page'>
hello
</div>
.sidebar{
position:absolute;
float:left;
padding: 0 0 3em 0;
width: 37%;
background-color:#333;
color: #fff;
height:100%;
}
#page{
float:left;
background-color:blue;
color:#fff;
margin-left:39%;
width: 61%;
}
这可能是一个有点快和混乱,但它的工作。我希望我理解正确,这对你有帮助!:D尝试添加位置:绝对;最小高度:100%代码>到您的.sidebar
选择器
检查这把小提琴:发布更多HTML和CSS。如果可能的话,把它放在小提琴里。@zero298所指的站点:你可以做高度:100vh;更多信息请点击这里。但请注意,>IE 8不支持