作者LokiCjn (我的征途是星之海)
看板Web_Design
标题Re: [问题] CSS使用DIV排版方式的问题
时间Sun Nov 13 16:14:27 2005
※ 引述《chweng ()》之铭言:
: 如果你知道 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 会变得很下面,
: 这时候大概就只能先排一个三栏式的,然後把左边的再分割为上下了。
其实我都把clear: left;直接写在各个class里面
IE看起来正常
但Firefox下看就不行了
如果<div style="clear: left;" />
那到了content时要如何将它移回上方呢?
我想只要解决这个问题应该就可以了吧
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 218.174.144.156
1F:→ LokiCjn:做出来了,用了三层的巢状DIV 11/13 16:38
2F:推 sweshi:详细...XD 11/13 16:49
3F:→ LokiCjn:还有就是#main我设的宽度不足,所以被挤下去了 11/13 16:49