[問題] div用css定位置

看板Web_Design作者 (阿災)時間16年前 (2008/04/17 09:34), 編輯推噓4(408)
留言12則, 5人參與, 最新討論串1/1
※------這線以下是網頁想呈現的方式------------------------------------------- ┌──────┐ ┌────────────────┐ │div#img │ │div#intro │ │ 會插入 │ │ 簡介 │ │ 一張圖 │ │ │ │ │ │ │ ︴︴︴︴︴︴︴ ︴︴︴︴︴︴︴︴︴︴︴︴︴︴︴︴︴ ┌────────────────────────┐ │div#records │ │ │ │ 一個長度可能會新增加的表格 寬度一定 │ │ │ │ │ │︴︴︴︴︴︴︴︴︴︴︴︴︴︴︴︴︴︴︴︴︴︴︴︴│ ※----------以上------------------------------------------------------------- ︴是未確定長度 下面是css div#records { clear: left; float: left; background: rgb(200, 200, 200); margin: 0 2% 1%; width: 96%;} div#img { width: 40%; background: rgb(200, 200, 50); margin: 3% 0 1% 2%; padding: 1% 0 0 0;} div#intro { float: left; width: 55%; background: rgb(50, 200, 50); margin: 3% 2% 1% 1%;} 下面是html <div id="img" class="l"> <img src="*.jpg" /></div> <div id="intro" class="l"> <ul> <li>...</li></ul> </div> <div id="records"> <table id="lt"> <tr><td>...</td></tr> </table> </div> ------------------ 不曉得有什css的辦法讓div#img和div#intro兩個一樣的長度 (就是上排兩個div同長度,但長度是不定值-->長度是看圖片大小而定) -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 140.112.7.59

04/17 10:35, , 1F
圖畫的很漂亮...
04/17 10:35, 1F

04/17 10:54, , 2F
再用一個 div 把 img 和 intro 包起來 ?
04/17 10:54, 2F

04/17 11:24, , 3F
div img 再加一個 float: left
04/17 11:24, 3F

04/17 11:30, , 4F
04/17 11:30, 4F

04/17 11:48, , 5F
不只是 float:left 的問題吧? 你可以把 Intro 拉長一點嗎?
04/17 11:48, 5F

04/17 11:54, , 6F
是問我嗎? intro裡是條目未定的list
04/17 11:54, 6F

04/17 11:55, , 7F
現在有時會遇到的情況是:當div#intro裡東西太少,而圖片
04/17 11:55, 7F

04/17 11:55, , 8F
過長時,下面的div#records會跑到div#intro下方>排版錯誤
04/17 11:55, 8F

04/17 11:56, , 9F
圖是用PCMAN畫的 是希望大家能清楚一些
04/17 11:56, 9F

04/17 16:37, , 10F
div#records下clear:both;
04/17 16:37, 10F

04/17 16:38, , 11F
div#records就不會往上跑了
04/17 16:38, 11F

04/18 01:07, , 12F
謝, 現在好像沒出現問題了
04/18 01:07, 12F
文章代碼(AID): #181gayfD (Web_Design)