Question

我正在为某些东西设置一个asp.net Web部件门户。我有一个[希望]非常简单的问题。如何让页面有3个主要栏目？

现在我使用<div id="leftpanel" style="float: left">和<div id="rightpanel" style="float: right">有两列。但我无法弄清楚如何在中心获得一个小组。右侧面板基本上位于中心，没有css float：中间/中间。那么三面板Web部件页面是如何完成的呢？

Answer 1

<div class="container">
   <div class="column">
   </div>
   <div class="column">
   </div>
   <div class="column">
   </div> 
</div>
<div class="footer">
</div>

.container{width: 600px;}
.column{float: left; width: 200px;}
.footer{width: 600px; clear: both;}

Answer 2

将前两个左右浮动，最后一个向右浮动。

如果这不起作用，有时则不行，那么请使用Ed B的答案。

Answer 3

包含3列的表格。在每列中添加一个div。

将样式保留在div中......而不是表格

3列Web部件页面？

3 个答案: