这真的不应该像我想象的那么难——我相信解决方案很简单。
我正在尝试完成两件事：
1）拥有#left并#right在其中.container并排坐下并#footer保持在原地。理想情况下，#right它将成为一个分隔线（其中没有文字），#topstrip并且#bottomstrip在右侧会有第三个 div。
#navbar2)在左侧有一个标志。
问问题
317 次
2 回答
0
您可以在容器中浮动左右 div，然后使用 clearfix 使它们同样高：http ://www.webtoolkit.info/css-clearfix.html
因为我们都一遍又一遍地遇到这种布局问题，所以已经创建了几个非常好的 css 框架来完成这项繁重的工作。让您专注于构建内容而不是样板文件。我个人使用 yaml ( http://www.yaml.de/ ) 并且从那以后没有回头。我可以全心全意地推荐它。
于 2012-04-08T09:47:59.877 回答
0
你可以使用表格
<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>
然后您可以根据需要更改每个的宽度和高度<TD>表格设置为整个页面宽度，您可以添加height="100%"到表格标签，也可以添加自定义宽度和高度。border="0"您可以将其更改为border="1"查看您的表限制等。
玩得开心 ：）
于 2012-04-08T13:14:24.393 回答