[問題] CSS Div Height的問題

看板Web_Design作者 (全力全壊)時間11年前 (2015/02/10 14:42), 編輯推噓4(4010)
留言14則, 6人參與, 最新討論串1/1
<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
你改成position:relative就會有高度,但可能要重算
02/10 15:08, 2F

02/10 15:20, , 3F
你這真是個好問題 解答如下
02/10 15:20, 3F

02/10 15:20, , 4F

02/10 17:01, , 5F
感謝樓上,的確做出想要的感覺,不過想問細節
02/10 17:01, 5F

02/10 17:02, , 6F
.c跟.d只要做absolute就會跑版,一定得用float +
02/10 17:02, 6F

02/10 17:03, , 7F
margin-left:-100% 的方法進行疊合,原因是為什麼?
02/10 17:03, 7F

02/10 17:06, , 8F
另外能自動判定內容高度的部分是因為box-sizing嗎?
02/10 17:06, 8F

02/11 01:21, , 9F
.c .d 是 absolute 的話, 定位參考點不一定會是 .B, 可能
02/11 01:21, 9F

02/11 01:21, , 10F
會往上找
02/11 01:21, 10F

02/11 01:24, , 11F
應該是這樣啦~ 總之是 absolute 的性質
02/11 01:24, 11F

02/11 03:28, , 12F
用absolute就不是normal flow,簡單講就是跟b不同空間
02/11 03:28, 12F

02/11 03:30, , 13F
當然撐不開.你硬要用ap,google的答案都是用js處理
02/11 03:30, 13F

02/11 03:30, , 14F
反而麻煩..
02/11 03:30, 14F
文章代碼(AID): #1KsQX7wE (Web_Design)
文章代碼(AID): #1KsQX7wE (Web_Design)