1

我想确定我在为相对的 3 列设计做正确的事情。侧边栏受宽度限制。

HTML：

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

CSS：

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

它有效，但这是正确的方法吗？这个 HTML 代码以后会不会有什么问题？

4

2 回答 2

0

这是一个基本问题，但如果你想有一个响应宽度，你可以使用百分比作为宽度或高度：

jsFiddle

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

您还可以使用 CSS 框架，例如Bootstrap。

于 2013-10-15T20:17:05.020 回答
0

你可以使用宽度：33%；这样，如果窗口大小改变，3 列也将容纳。

于 2013-10-15T20:02:58.783 回答