[問題] div用css定位置
※------這線以下是網頁想呈現的方式-------------------------------------------
┌──────┐ ┌────────────────┐
│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
04/17 10:54, 2F
推
04/17 11:24, , 3F
04/17 11:24, 3F
推
04/17 11:30, , 4F
04/17 11:30, 4F
→
04/17 11:48, , 5F
04/17 11:48, 5F
→
04/17 11:54, , 6F
04/17 11:54, 6F
→
04/17 11:55, , 7F
04/17 11:55, 7F
→
04/17 11:55, , 8F
04/17 11:55, 8F
→
04/17 11:56, , 9F
04/17 11:56, 9F
推
04/17 16:37, , 10F
04/17 16:37, 10F
→
04/17 16:38, , 11F
04/17 16:38, 11F
→
04/18 01:07, , 12F
04/18 01:07, 12F