Html 做3x列模板的正确方法

我想确定我对相对的3柱设计做的是正确的。侧边栏受宽度限制

HTML:

这是可行的，但这是正确的方法吗？这个HTML代码将来会有什么问题吗？

您可以使用宽度：33%；

---

这样，如果窗口大小改变，3列也可以容纳。

这是一个基本问题，但如果您想要响应宽度，可以使用宽度或高度的百分比：

---

您还可以使用CSS框架，如

有一件事你可以做得不同，那就是把它们都命名出来。第三件事（或者任何你想做的事），把float放在左边。它们将彼此相邻地浮动，然后确保在父容器上放置一个清除的“两者”。这种方式只是简化了一点，使它更容易维护的道路。

<div id="left">
    <h1>left</h1>
</div>
<div id="right">
    <h1>left</h1>
</div>
<div id="center">
    <h1>center</h1>
</div>

#left { width:200px; height:200px; background:red; float:left; }
#right { width:200px; height:200px; background:blue; float:right; }
#center { margin:0 200px; background:orange; }

#right{
    width:25%;
    float:left;
    background:blue;
}
#left{
    width:25%;
    float:left;
    background:red;
}
#center{
    width:50%;
    float:left;
    margin:0 auto;
    background:orange;
}