[問題] CSS Div Height的問題
<div id="A">
<div class="B">
<div class="c"></div>
<div class="d"></div>
</div>
<div class="B">
<div class="c"></div>
<div class="d"></div>
</div>
</div>
架構如上
div#A是主框架
div.B因為要自動排列在A裡面所以用float:left
div.c和div.d因為要"重疊",所以採用position:absolute;去改left跟top
現在的問題是,div.c跟div.d會依照內容自行變更高度,這點沒問題
但是div.B也想要依照內容的div.c和div.d裡面最大高度進行擴展
(這關係到background-color跟border範圍)
用height:auto會直接變成0,修改overflow也沒用
因為感覺起來div.c和div.d是浮貼在上面的
div.b並沒有抓到他們兩個的內容高度
請問css要怎麼解決?
--
▼▼ ◥▇◣◣ 羽の色 白い言葉
▲◢◣▲ \ ╲ ◢◣▲ ◥█████◣ 純粋へと戻る
▲/‘ d▄▄▄◣— ▲/‘ ◥██████ 願いましょう 幸せになれ
▂▄▅▄■▄▄▄▄▄▆ ▼ ノ▅■ ▆██████ 瞳に sweet my sweet my dream
▇▆ ◢█▼ — ▇▆◢█▼ ◥██████ ~川澄 舞~
▲ ▲ ▼▼ ◥██◤██▄http://youtu.be/EKzHyUFp87Y
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 60.251.157.241
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1423550535.A.E8E.html
→
02/10 15:01, , 1F
02/10 15:01, 1F
推
02/10 15:08, , 2F
02/10 15:08, 2F
→
02/10 15:20, , 3F
02/10 15:20, 3F
→
02/10 15:20, , 4F
02/10 15:20, 4F
→
02/10 17:01, , 5F
02/10 17:01, 5F
→
02/10 17:02, , 6F
02/10 17:02, 6F
→
02/10 17:03, , 7F
02/10 17:03, 7F
→
02/10 17:06, , 8F
02/10 17:06, 8F
推
02/11 01:21, , 9F
02/11 01:21, 9F
→
02/11 01:21, , 10F
02/11 01:21, 10F
推
02/11 01:24, , 11F
02/11 01:24, 11F
推
02/11 03:28, , 12F
02/11 03:28, 12F
→
02/11 03:30, , 13F
02/11 03:30, 13F
→
02/11 03:30, , 14F
02/11 03:30, 14F
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章