作者forkome (丁丁是个人材)
看板Web_Design
标题[问题] div排版问题！
时间Mon Dec 31 10:15:19 2007
请教各位大大
小弟现在有个需求需要用css排版，但会发生如下情况
Div A
------------------------
- ------------ -
- - B - -
- ------------ -
- -------------------- -
- - C - -
- -------------------- -
------------------------
<div id="A">
<div id="B"></div>
<div id="C"></div>
</div>
小弟希望 B + C 的长度大於A时
C不会往下，B和C还是在同一行
Div A
------------------------
- ------------ -----------------
- - B - - C -
- ------------ -----------------
------------------------
画的有点鸟，请见谅，小弟设定B、C为float:left
但超出A的长度C就会换行，不知小弟要如何做才能在同一行
谢谢
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 122.254.22.93
1F：推 pm2001:你要用span div会强制换行 12/31 10:26
2F：→ forkome:我将B、C用span并设overflow:hidden，但B+C > A 12/31 10:54
3F：→ forkome:C仍会往下跑>"< 12/31 10:55
4F：推 cychi:那就把A设大一点XD 12/31 11:26
5F：→ forkome:因为将来BC会是未知数，希望超过的部分用overflow:hidden 12/31 12:22
6F：推 xiphoid:在BC外面多加一个div包起来 12/31 14:59
7F：→ xiphoid:并设定比A更大的width给那个div(能容纳B+C的宽度) 12/31 14:59
8F：→ forkome:可以成功的让C不会换行，但我设C overflow:hidden 12/31 18:09
9F：→ forkome:他怎麽还是会超过A >< 12/31 18:09
10F：推 starjou:设 overflow:hidden 的话要设定宽度 12/31 18:53
11F：→ forkome:换行跟hidden只能二选一 ><设了宽度，就会换行 12/31 19:34
12F：→ forkome:完成了，原来overflow:hidden要加在A div 12/31 20:04
13F：→ forkome:另外再设个div 来包BC 12/31 20:04