Html 单页网站,带可滚动的div

Html 单页网站,带可滚动的div,html,css,onepage-scroll,Html,Css,Onepage Scroll,我需要建立一个单页网站,有3个分区,如下所示: .container{ 显示:表格; 宽度:100%; 身高:100%; } .container>div{ 垂直对齐:顶部; } .左、.中、.右{ 显示:表格单元格; 高度:自动; } .左,.右{ 宽度:200px; } Flexbox可以做到这一点 *{ 保证金:0; 填充:0; 框大小:边框框; } ::之前, ::之后{ 框大小:继承; } html, 身体{ 身高:100%; } 身体{ 高度:100vh; } 左边 .对{ f

我需要建立一个单页网站,有3个分区,如下所示:

.container{
显示:表格;
宽度:100%;
身高:100%;
}
.container>div{
垂直对齐:顶部;
}
.左、.中、.右{
显示:表格单元格;
高度:自动;
}
.左,.右{
宽度:200px;
}

Flexbox可以做到这一点

*{
保证金:0;
填充:0;
框大小:边框框;
}
::之前,
::之后{
框大小:继承;
}
html,
身体{
身高:100%;
}
身体{
高度:100vh;
}
左边
.对{
flex:00200px;
背景:粉红色;
填充:1em;
最大高度:100vh;
溢出:自动;
}
.集装箱{
显示器:flex;
高度:100vh;
背景:红色;
调整项目:灵活启动;
}
.中{
弹性:1;
最大高度:100vh;
背景:浅蓝色;
溢出:自动;
}

我的同僚们都是精英。
我的同僚们都是精英。如果要进行totam的实践,那么我们就要用“动物契约”的名义来描述“动物契约”中的权利义务,这是否意味着“权利义务”?这是我的朋友,
即使是自由言论,也要解释清楚,作为建筑设计师,除了被认为是最微小的自然现象之外,还有一个共同的责任!多洛雷姆·沃卢帕斯·阿梅特,新罕布什尔州诺比斯全城酒店,
您是否可以选择将威尼斯作为一个独立的城市?埃拉姆,别名发明家。A、 自由权利的所有权?临时性共同选择权
sequi voluptatem provident quos laudantium accusamus!铜酸盐注入溶液,驱避剂,根据ipsa减去aspernatur,ex ad!在非必要的情况下,不需要使用任何药物
以下是全方位的消费、合理劳动、不动产和不动产不动产的共同责任。“这是真实的。福加的白云岩矿层别名为obcaecati。违反宪法的责任
要有尊严,就要有尊严,要有尊严,要有尊严,就要有尊严,就要有尊严,就要有尊严!因此,在工作时间内,工作人员必须在工作时间内完成工作
劳丹提姆。
Lorem ipsum,dolor sit amet Concertetur Adipising Elite。第二个问题是什么

看看这是不是你想要的

.container{
显示:表格;
宽度:100%;
身高:100%;
}
身体{
保证金:0;
}
.container>div{
垂直对齐:顶部;
}
.左、.中、.右{
显示:表格单元格;
高度:100vh;
框大小:边框框;
}
.左,.右{
宽度:20%;
背景:灰色;
}
.中{
溢出:自动;
位置:相对位置;
}
.在中间{
背景:番茄;
位置:绝对位置;
宽度:100%;
身高:100%;
框大小:边框框;
保证金:0;
}
.在中间{
高度:1000px;
背景:番茄;
}


所以你根本不想让左、右div扩展?使用不同的布局方法…是的,这正是我想要的,如果我解释得不好,很抱歉。@paulie_D,你能解释一下我可以使用哪个吗?@AchrafHassani你似乎接受了其他答案,哪一个满足您的需要?@bhushar babar您的解决方案简单明了,很抱歉,我不知道我只能选择一个。好的,太好了,欢迎使用SO,您也可以投票选择答案。:-)