Html 现代网页设计中的Css布局

自从css诞生以来，我对它感到非常恐惧。 无论如何，我正在尝试理解一种现代css布局的功能性方法

比如说，一个站点有一个顶部菜单、一个左侧浮动菜单、一个右侧浮动新闻提要和一个中心内容

我试过这个：

.leftcontent{
浮动：左；
身高：100%；
背景颜色：蓝色；
}
.rightcontent{
浮动：左；
身高：100%；
背景色：浅绿色；
}
.centercontent{
身高：100%；
背景颜色：绿色；
}

嗯，你可以从我走路的方式看出来
我是女人的男人，没时间说话
音乐响亮，女人温暖，我被踢来踢去
自从我出生以来
现在没事了，没事了
你可能会看另一个方向
我们可以试着去理解
《纽约时报》对人类的影响
不管你是兄弟还是母亲
你活着，活着
感受城市的破败和每个人的颤抖
我们还活着，还活着
啊，哈，哈，哈，活着，活着
啊，哈，哈，哈，活着
好吧，现在，我变低了，我变高了
如果我两者都得不到，我真的会尝试
我的鞋子上有天堂的翅膀
我是一个跳舞的人，我不能输
你知道没事的，没事的
我会活着看到另一天
我们可以试着去理解
新的…

每天我醒来
每天我一个人醒来
每天我醒来
每天我一个人醒来
让我与你展开讨论
我没什么印象
不管我说什么
我撒谎说我哭了
当他进来的时候
现在我在地狱里烧高速公路
闭嘴
当我试着思考的时候
我得集中注意力
再给我一杯
然后我会尽力记住所有的建议
我的好书告诉我
所有迷失的灵魂都说
每天我醒来
每天我一个人醒来
（杀了我就杀了我）
或者把我从太阳底下救出来
每天我醒来
每天我一个人醒来
（杀了我就杀了我）
有人把我从太阳底下救出来
毒品、酒吧、汽车后座都是对男孩的袭击
到目前为止，我过着多么无聊的生活啊
只是十三岁
当我…
每天我醒来
每天我一个人醒来
每天我醒来
每天我一个人醒来
让我与你展开讨论
我没什么印象
不管我说什么
我撒谎说我哭了
当他进来的时候
现在我在地狱里烧高速公路
闭嘴
当我试着思考的时候
我得集中注意力
再给我一杯
然后我会尽力记住所有的建议
我的好书告诉我
所有迷失的灵魂都说
每天我醒来
每天我一个人醒来
（杀了我就杀了我）
或者把我从太阳底下救出来
每天我醒来
每天我一个人醒来
（杀了我就杀了我）
有人把我从太阳底下救出来
毒品、酒吧、汽车后座都是对男孩的袭击
到目前为止，我过着多么无聊的生活啊
只是十三岁
当我每天醒来的时候
每天我一个人醒来
每天我醒来
每天我一个人醒来
让我与你展开讨论
我没什么印象
不管我说什么
我撒谎说我哭了
当他进来的时候
现在我在地狱里烧高速公路
闭嘴
当我试着思考的时候
我得集中注意力
再给我一杯
然后我会尽力记住所有的建议
我的好书告诉我
所有迷失的灵魂都说
每天我醒来
每天我一个人醒来
（杀了我就杀了我）
或者把我从太阳底下救出来
每天我醒来
每天我一个人醒来
（杀了我就杀了我）
有人把我从太阳底下救出来
毒品、酒吧、汽车后座都是对男孩的袭击
到目前为止，我过着多么无聊的生活啊
只是十三岁
当我…
我唯一想要的东西
我唯一需要的东西
是我自己的方式，我必须拥有一切
我不需要你的意见，我不需要你的想法
离我远点，离我远点
我是我自己的上帝，我想怎么做就怎么做
擦擦你自己的屁股，闭上你的嘴
我受够了，你要倒下了
闭嘴
来者不拒
我的思想在捉弄我
我不像以前那么稳定了
推推搡搡，你知道你做得太过分了
我不会再为你伤我的背了
我要走我的路，我要掌控一切
该起床了，把自己从地狱里挖出来
擦擦你自己的屁股，闭上你的嘴
我受够了，你要倒下了
闭上你的…

您可以使用

位置：fixed

浮动左右菜单

正文{
保证金：0；
填充：0；
}
.leftcontent{
位置：固定；
宽度：25%；
排名：0；
左：0；
背景颜色：蓝色；
}
.rightcontent{
位置：固定；
宽度：25%；
排名：0；
右：0；
背景色：浅绿色；
}
.centercontent{
宽度：50%；
保证金：0自动；
背景颜色：绿色；
}

嗯，你可以从我走路的方式看出来
我是女人的男人，没时间说话
音乐响亮，女人温暖，我被踢来踢去
自从我出生以来
现在没事了，没事了
你可能会看另一个方向
我们可以试着去理解
《纽约时报》对人类的影响
不管你是兄弟还是母亲
你活着，活着
感受城市的破败和每个人的颤抖
我们还活着，还活着
啊，哈，哈，哈，活着，活着
啊，哈，哈，哈，活着
好吧，现在，我变低了，我变高了
如果我两者都得不到，我真的会尝试
我的鞋子上有天堂的翅膀
我是一名医生
.container{
  display:flex;
  flex-direction:row;
}