[問題] div用css定位置

[ateclean (阿災)]

※------這線以下是網頁想呈現的方式-------------------------------------------
┌──────┐ ┌────────────────┐
│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
→ xam:圖畫的很漂亮...
推 banco:再用一個 div 把 img 和 intro 包起來 ?
推 huge:div img 再加一個 float: left
推 huge:http://0rz.tw/163Uw
→ xam:不只是 float:left 的問題吧? 你可以把 Intro 拉長一點嗎?
→ ateclean:是問我嗎?    intro裡是條目未定的list
→ ateclean:現在有時會遇到的情況是：當div#intro裡東西太少，而圖片
→ ateclean:過長時，下面的div#records會跑到div#intro下方>排版錯誤
→ ateclean:圖是用PCMAN畫的 是希望大家能清楚一些
推 Canboo:div#records下clear:both;
→ Canboo:div#records就不會往上跑了
→ ateclean:謝，  現在好像沒出現問題了