[問題] div排版問題！

看板Web_Design作者 (丁丁是個人材)時間16年前 (2007/12/31 10:15), 編輯推噓4(4推 0噓 9→)
留言13則, 5人參與, 最新討論串1/1
請教各位大大 小弟現在有個需求需要用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
推
12/31 10:26, , 1F
你要用span div會強制換行
12/31 10:26, 1F
→
12/31 10:54, , 2F
我將B、C用span並設overflow:hidden，但B+C > A
12/31 10:54, 2F
→
12/31 10:55, , 3F
C仍會往下跑>"<
12/31 10:55, 3F
推
12/31 11:26, , 4F
那就把A設大一點XD
12/31 11:26, 4F
→
12/31 12:22, , 5F
因為將來BC會是未知數，希望超過的部分用overflow:hidden
12/31 12:22, 5F
推
12/31 14:59, , 6F
在BC外面多加一個div包起來
12/31 14:59, 6F
→
12/31 14:59, , 7F
並設定比A更大的width給那個div(能容納B+C的寬度)
12/31 14:59, 7F
→
12/31 18:09, , 8F
可以成功的讓C不會換行，但我設C overflow:hidden
12/31 18:09, 8F
→
12/31 18:09, , 9F
他怎麼還是會超過A ><
12/31 18:09, 9F
推
12/31 18:53, , 10F
設 overflow:hidden 的話要設定寬度
12/31 18:53, 10F
→
12/31 19:34, , 11F
換行跟hidden只能二選一 ><設了寬度，就會換行
12/31 19:34, 11F
→
12/31 20:04, , 12F
完成了，原來overflow:hidden要加在A div
12/31 20:04, 12F
→
12/31 20:04, , 13F
另外再設個div 來包BC
12/31 20:04, 13F
‣ 更多 forkome 的文章
文章代碼(AID): #17U52uNE (Web_Design)