Html 网站左侧已降低

我的网站的右边和中间看起来很正常，但左边是向下的。有人能帮我修一下吗？请全屏显示代码snipplet。这个箱子太小了，把它塞满了。如果有人有解决办法或建议，请告诉我。我的网站是纯html顺便说一句。注意你可能会看到一些音频错误。在我的网站上我有音乐和其他东西

奥隆的网站
#容器{
显示器：flex；
}
#居中{
保证金：自动；
}
/*剩余的CSS与原始CSS相同*/
#p12{
显示器：flex；
溢出：隐藏；
右边框：.15em实心橙色；
空白：nowrap；
保证金：0自动；
字母间距：2px；
动画：输入1.3s步数（20，结束），闪烁插入符号。75s步数（50，结束）无限；
}
#p12{
显示：内联flex；
}
/*打字效果*/
@关键帧键入{
从{
宽度：0
}
到{
宽度：100%
}
}
/*打字机光标效应*/
@关键帧闪烁插入符号{
从…起
到{
边框颜色：透明
}
50% {
边框颜色：橙色；
}
}
音频{
显示：无；
}
人力资源{
显示：块；
高度：1px；
边界：0；
边框顶部：1px实心暗色；
利润率：1米0；
填充：0；
}
.测试{
宽度：11em；
边框：1px纯蓝色；
单词包装：打断单词；
位置：绝对位置；
右：0px；
}

我使用KDE霓虹灯
如果您想尝试，请单击链接


我的桌面是一个定制的Dell Inspiron 3656规格：


CPU:AMD A10-8700P 1.8 GHZ 4核
内存：12 GB DDR3
硬盘驱动器：930 GB
操作系统：Windows 10 Professional 64位
屏幕：1920 X 1080

捐赠给KDE Neon或ReactOS





在安装操作系统之前想试试吗？试一试

我的Youtube和Twitch频道！





Auron的网站

播放/暫停

这真是一团糟。这是因为您没有定义任何宽度或将该部分向左浮动。如果您希望某个内容一直向左，而不受任何干扰，那么您需要将其放在代码的第一位，并使其以定义的宽度向左浮动。

您需要做的是划分不同的部分。这是一个非常基本的示例，但它适用于您的情况。现在，您可以将内容放置在

.main\uuu[position]

区域内。我没有做任何断点，这取决于你喜欢它们的方式。如果您不喜欢这种方法（BEM），可以重命名类名

正文{
背景色：浅绿色；
}
.标题{
填充：2rem；
背景颜色：浅灰色；
}
梅因先生{
显示器：flex；
弯曲方向：行；
}
.main_uu左{
弹性基础：1；
弹性收缩：0；
柔性生长：1；
填充：2rem；
背景颜色：深蓝；
}
.main___中{
弹性基础：2；
弹性收缩：0；
柔性生长：1；
填充：2rem；
背景色：白色；
}
.main___右{
弹性基础：1；
弹性收缩：0；
柔性生长：1；
填充：2rem；
背景颜色：深蓝；
}
.页脚{
填充：2rem；
背景颜色：珊瑚；
}

我的头球
左边
中间的
正确的
我的页脚

此html中有很多错误。不值得用它做任何事。你最好重做一遍。@Dejan.S你确定吗？我只是用flex把它修好了。我现在没有时间，但我可以告诉你怎么做。今天晚些时候我会这样做