三列在线

Question

#maindiv
{
display:table;
text-align:center;
border:2px solid #94a2af;
width:100%;
}

#leftsidebar
{
display:table-cell;
width: 26%;
background-color: #af9495;
border:1px solid #94a2af;
}

#rightsidebar
{
display:table-cell;
width: 24%;
background-color: #94a2af;
border:1px solid #94a2af;
}

#center
{
text-align:center;
display:table-cell;
background-color: #f2ebca;
width:50%;
}

我试图排成一行高度相等的三列，我发现这个表解决方案获得了高度（并且效果很好）但我无法让表格单元格以正确的顺序显示。中间一个显示在右侧，我似乎无法找到解决方案。

变得轻松我对此很陌生:)

Answer 1

与CSS一起使用的HTML应如下所示：

<div id="maindiv">
    <div id="leftsidebar">Col 1</div>
    <div id="center">Col 2</div>
    <div id="rightsidebar">Col 3</div>
</div>

请发布您的HTML以获得更具体的回复。