[問題] CSS DIV排版問題

看板Web_Design作者 (未來)時間15年前 (2010/10/22 09:37), 編輯推噓0(0011)
留言11則, 3人參與, 最新討論串1/1
<style type="text/css"> #divMain { width:600px; } #divMain>div { display:inline-block; } #divFixedWidth { width:20px; } </style> <div id="divMain"> <div id="divFixedWidth"> &nbsp; </div> <div id="divAutoWidth"> &nbsp; </div> </div> 請問要怎麼下css才能讓 divAutoWidth自動填滿剩下的寬度 就這個例子來說,總寬度是600px 左方的固定寬度div寬度是20px 那我只要算出580px指給他就可以塞滿整個容器 但有沒有更方便的方法可以直接讓div塞滿整個容器 ps: 我為了要讓兩個div在同一行,有下display:inline-block -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 118.169.185.213

10/22 10:16, , 1F
<div id="divAutoWidth" style="width:100%;">
10/22 10:16, 1F

10/22 10:27, , 2F
上面的方法會不在同一行~然後我測了一下~你二個div間會有
10/22 10:27, 2F

10/22 10:27, , 3F
間隔~也要把這些間隔拿掉才會剛好~不然會換行!!
10/22 10:27, 3F

10/22 11:16, , 4F
抱歉 = = 我忘記說我的需求是希望能在同一行
10/22 11:16, 4F

10/22 11:17, , 5F
我看的出來呀~目前試直接用570會在同一行~但間隔我拿不掉~
10/22 11:17, 5F

10/22 11:19, , 6F
95%是我測出來可以的長度了!
10/22 11:19, 6F

10/22 12:32, , 7F
可是萬一容器的寬度變成1000px 這樣95%就不適用了
10/22 12:32, 7F

10/22 13:17, , 8F
那就先想辦法把中間的間隔拿到~可以用margin讓它重合...
10/22 13:17, 8F

10/22 15:44, , 9F
divFixedWidth用float或是position:absolute脫離flow
10/22 15:44, 9F

10/22 15:46, , 10F
再把divAutoWidth加上margin-left:20px
10/22 15:46, 10F

10/22 18:49, , 11F
謝謝 受教了
10/22 18:49, 11F
文章代碼(AID): #1CmEht8V (Web_Design)
文章代碼(AID): #1CmEht8V (Web_Design)