作者chweng ()
看板Web_Design
标题Re: [问题] CSS使用DIV排版方式的问题
时间Sun Nov 13 15:54:20 2005
如果你知道 clear: left 的意思，应该就不会有问题了。
<div style="clear: left;" /> 有点像是换行指令 <br />，
可以拿来清除 float，使接下来的内容由新的一行开始。
我猜你是这样写的吧(虽然这样写在我的 IE 中看起来也是错的..)：
<div id="main">
<div class="side">left</div><div style="clear: left;" />
<div class="side">left</div>
<div class="content">center</div>
<div class="edge">right</div>
</div>
你可以照先排 side content edge，然後用 clear 清除掉 float 再来一个 side，
不过这样会有另一个问题，
就是如果你的content内容很长，那第二个 side 会变得很下面，
这时候大概就只能先排一个三栏式的，然後把左边的再分割为上下了。
※ 引述《LokiCjn (我的征途是星之海)》之铭言：
: 又发现一个大问题
: 在IE显示是没有问题
: 但是在Firefox不行了
: 会变成这样
: ------
: |side|
: ------ --------- ------
: |side| |content| |edge|
: ------ --------- ------
: 也就是说
: 在IE下content、edge与side一样对齐上方
: 但是在Firefox下content和edge都向下跑了
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 220.134.107.22
※ 编辑: chweng 来自: 220.134.107.22 (11/13 15:59)