Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 带边栏的布局_Html_Css_Layout - Fatal编程技术网

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不支持