Css 基本并排嵌套<；部门>；定位

和

这真的不应该像我想象的那样困难-我相信解决方案很简单

我正在努力完成两件事：

1） 将

#左

和

#右

放在

容器内

与

#页脚

并排放置。理想情况下，

#right

将成为一个仅接触

#topstrip

和

#bottomstrip

的分隔符（其中没有文本），右侧将有第三个分隔符

---

2） 要使徽标与

#navbar

平齐，但位于左侧。

您可以在容器中浮动左侧和右侧div，然后使用clearfix使其同样高：

因为我们都会一次又一次地遇到这种布局问题，所以已经创建了两个非常好的css框架来完成这项繁重的工作。让你专注于构建内容，而不是锅炉板。我个人使用yaml（），从那以后就再也没有回头看。我可以全心全意地推荐它

您可以使用表格

<table width="100%" border="0">
<tr>
<td colspan="3"><div id="navbar"><img src="YOUR LOGO SOURCE HERE" align="left"/>navbar section</div></td>
</tr>
<tr>
<td><div id="left">left section</div></td>
<td><div class="container">container</div></td>
<td><div id="right">right section</div></td>
</tr>
<td colspan="3"><div id="footer">footer section</div></td>
</table>

导航栏部分
左侧部分
容器
右侧部分
页脚部分

然后，您可以根据需要更改每个

的宽度和高度 表格设置为整页宽度，您可以向表格标签添加

height=“100%”

，也可以添加自定义宽度和高度。

border=“0”

您可以将其更改为

border=“1”

以查看表格限制等

玩得开心：）