是否支持html/css？

基本上，我希望这些块像普通网页一样彼此对齐，但我似乎不能这样做，因为第一个“左”块，正如它所暗示的那样，在左边对齐。其他“中心”和“右”块与“左”块不对齐。相反，它们会进入页面底部，相互堆叠

我如何让我的块像在一个真正的网页中一样彼此相邻

顺便说一下，这是代码

HTML

标题
标题

CSS

正文{
背景：黑色；
}
h1{
字体大小：100px；
文本对齐：居中；
颜色：#F433FF；
文本阴影：0 0 10px#fff，
0 20px#fff，
0 30px#fff，
0 0 40px#ff00de，
0 0 70px#ff00de，
0 0 80px#ff00de，
100px#ff00de，
150px#ff00de；
}
#左{
背景颜色：黄色；
高度：1500px；
底部：40px；
宽度：300px；
左边距：100px；
}             
#左内容{
浮动：对；
}
#居中{
背景：紫色；
内联；
高度：300px；
}
#CenterContent{}
#对{
背景：粉红色；
}
#RightContent{}

---

也许把这个放在文本编辑器里，看看问题出在哪里？提前谢谢

您可以将float属性用作：

#Left: {float:left;}             
#Center: {float:left;}
#Right: {float:left;} 

它们应该相邻对齐，以防装入容器（主体）

您可以这样做

.container {
    width: 900px;
    overflow: hidden;
}

#Left, #Center, #Right {
    float: left;
    width: 300px;
    height: 1500px;
    background: yellow; 
}