Html 我如何放置一个占据全身高度的div

Html 我如何放置一个占据全身高度的div,html,css,Html,Css,我有一个菜单,我试图把它包装在黄色的div里面,我希望这个div(黄色)占据绿色正方形的整个高度,不管绿色正方形的内容有多大,例如,如果橙色正方形增加,黄色div也应该增加 以下是一个片段: 。顶部菜单{ 填充:0%; 边际:0px; } .主要内容{ 位置:相对位置; 宽度:96.5%; 左:3.5%; } .包装纸{ 显示:固定; 位置:相对位置; 宽度:100%; } .左菜单{ 位置:相对位置; 身高:100%; 宽度:3.5%; 浮动:左; z指数:0; 溢出:可见; } 这是我

我有一个菜单,我试图把它包装在黄色的div里面,我希望这个div(黄色)占据绿色正方形的整个高度,不管绿色正方形的内容有多大,例如,如果橙色正方形增加,黄色div也应该增加

以下是一个片段:

。顶部菜单{
填充:0%;
边际:0px;
}
.主要内容{
位置:相对位置;
宽度:96.5%;
左:3.5%;
}
.包装纸{
显示:固定;
位置:相对位置;
宽度:100%;
}
.左菜单{
位置:相对位置;
身高:100%;
宽度:3.5%;
浮动:左;
z指数:0;
溢出:可见;
}

这是我想放菜单的地方,我希望这个div和粉色div一样高

哦,我的天哪? O Lorem Ipsuméum texto modelo da indústria tipográfica e de impressãO。O Lorem Ipsum tem vindo a sero texto padrãO usado porúestrias indústrias des O ano de 1500,quando uma misturou os characteres de um texto para criar um eum espécime de livro。5年后的今天,在电气化的基础上,我们开始了新的生活。在普及60项新技术的同时,我们还将继续学习公共知识,包括公共网页制作程序。 乌萨莫斯港? 事实上,这是一个由政府控制的权力分配体系。商标,即“公共知识”和“普通知识”的分配,以及“自由知识”和“自由知识”的对比。在公共电子编辑网站上,我们实际了解了公共知识,并建立了公共知识的模型,我们的网站是“公共知识”的集大成者。Várias versões tõm evoluído ao longo dos anos,por vezes por acid ente,por vezes propositadamente(没有幽默感)。 这是什么? 受欢迎的文化,简单的文化。在公元45世纪,在2000年左右的一段时间里,我们的文学作品都是这样的。理查德·麦克林托克(Richard McClintock),澳大利亚悉尼大学汉普顿分校拉蒂姆教授,维吉尼亚大学(na Virgínia),检察官,检察官,检察官,检察官,检察官,检察官,检察官,检察官,检察官。Lorem Ipsum vem das secões 1.10.32 e 1.10.33做了“Bonorum et Malorum”(极端情况),por Cícero,escrito a 45AC。这是一种流行的艺术形式。A primeira linha de Lorem Ipsum,“Lorem Ipsum door sit amet…”第1.10.32节。 O我们习惯于用同样的知识来解释1500年前发生的事情,这是一种利益。正如secões 1.10.32 e 1.10.33所述,Cícero também estão reproduzidos na sua forma origing,acompanhados pela sua traduço em Inglès,versões da traduço de 1914 por H.Rackham。 你是否有理由相信阿尔古姆?你是否有理由相信我? O Lorem Ipsuméum texto modelo da indústria tipográfica e de impressãO。O Lorem Ipsum tem vindo a sero texto padrãO usado porúestrias indústrias des O ano de 1500,quando uma misturou os characteres de um texto para criar um eum espécime de livro。5年后的今天,在电气化的基础上,我们开始了新的生活。在普及60项新技术的同时,我们还将继续学习公共知识,包括公共网页制作程序。 乌萨莫斯港? 事实上,这是一个由政府控制的权力分配体系。商标,即“公共知识”和“普通知识”的分配,以及“自由知识”和“自由知识”的对比。在公共电子编辑网站上,我们实际了解了公共知识,并建立了公共知识的模型,我们的网站是“公共知识”的集大成者。Várias versões tõm evoluído ao longo dos anos,por vezes por acid ente,por vezes propositadamente(没有幽默感)。

像这样吗

。顶部菜单{
填充:0%;
边际:0px;
}
.主要内容{
位置:相对位置;
宽度:96.5%;
左:3.5%;
}
.包装纸{
显示:固定;
位置:相对位置;
宽度:100%;
}
.左菜单{
位置:相对位置;
身高:100%;
宽度:3.5%;
浮动:左;
z指数:0;
溢出:可见;
}

这是我想放菜单的地方,我希望这个div和粉色div一样高

哦,我的天哪? O Lorem Ipsuméum texto modelo da indústria tipográfica e de impressãO。O Lorem Ipsum tem vindo a sero texto padrãO usado porúestrias indústrias des O ano de 1500,quando uma misturou os characteres de um texto para criar um eum espécime de livro。5年后的今天,在电气化的基础上,我们开始了新的生活。在普及60项新技术的同时,我们还将继续学习公共知识,包括公共网页制作程序。 乌萨莫斯港? "事实上,这是一个在乌马河流域的事实"(leitorédistraído pelo conteúdo legível de uma)