作者ateclean (阿灾)
看板Web_Design
标题[问题] div用css定位置
时间Thu Apr 17 09:34:49 2008
※------这线以下是网页想呈现的方式-------------------------------------------
┌──────┐ ┌────────────────┐
│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
1F：→ xam:图画的很漂亮... 04/17 10:35
2F：推 banco:再用一个 div 把 img 和 intro 包起来 ? 04/17 10:54
3F：推 huge:div img 再加一个 float: left 04/17 11:24
5F：→ xam:不只是 float:left 的问题吧? 你可以把 Intro 拉长一点吗? 04/17 11:48
6F：→ ateclean:是问我吗? intro里是条目未定的list 04/17 11:54
7F：→ ateclean:现在有时会遇到的情况是：当div#intro里东西太少，而图片 04/17 11:55
8F：→ ateclean:过长时，下面的div#records会跑到div#intro下方>排版错误 04/17 11:55
9F：→ ateclean:图是用PCMAN画的 是希望大家能清楚一些 04/17 11:56
10F：推 Canboo:div#records下clear:both; 04/17 16:37
11F：→ Canboo:div#records就不会往上跑了 04/17 16:38
12F：→ ateclean:谢， 现在好像没出现问题了 04/18 01:07