[問題] position:absolute時 外層元素的高度設定
假設html如下
<div id="container">
<div class="frame">
<div class="content">
文字內容
</div>
</div>
<div class="frame">
<div class="content">
文字內容
</div>
</div>
</div>
CSS設定如下
#container {
width:1000px;
background-color:#FFF;
}
.frame {
width:500px;
float:left;
}
.content {
width:500px;
position:absolute;
top:0;
left:0;
}
因為兩個文字內容的行數不同
所以兩個.content的內容會不一樣高
又因為.content設定成absolute的關係
所以.frame和#container的高度都是0
目前的解決辦法是當DOM載入完之後
再把.frame的高度等於.content的高度
但覺得動到js有點小題大做XD
所以請問一下有沒有純CSS的解法呢？
--
http://www.wretch.cc/blog/a517981
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.117.71.119
※ 編輯: a517981 來自: 140.117.71.119 (04/23 22:07)
→
04/23 22:09, , 1F
04/23 22:09, 1F
→
04/23 22:10, , 2F
04/23 22:10, 2F
→
04/23 22:11, , 3F
04/23 22:11, 3F
→
04/23 22:11, , 4F
04/23 22:11, 4F
→
04/23 22:13, , 5F
04/23 22:13, 5F
→
04/23 22:13, , 6F
04/23 22:13, 6F
→
04/23 22:14, , 7F
04/23 22:14, 7F
→
04/23 22:16, , 8F
04/23 22:16, 8F
→
04/23 22:16, , 9F
04/23 22:16, 9F
→
04/23 22:17, , 10F
04/23 22:17, 10F
→
04/23 22:17, , 11F
04/23 22:17, 11F
→
04/23 22:18, , 12F
04/23 22:18, 12F
→
04/23 22:39, , 13F
04/23 22:39, 13F
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章
