作者KawasumiMai (全力全壊)
看板Web_Design
标题[问题] CSS Div Height的问题
时间Tue Feb 10 14:42:12 2015
<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://webptt.com/cn.aspx?n=bbs/Web_Design/M.1423550535.A.E8E.html
1F：→ qui0914: 请问重叠的意思是? 02/10 15:01
2F：推 oToToT: 你改成position:relative就会有高度，但可能要重算 02/10 15:08
3F：→ superpai: 你这真是个好问题 解答如下 02/10 15:20
5F：→ KawasumiMai: 感谢楼上，的确做出想要的感觉，不过想问细节 02/10 17:01
6F：→ KawasumiMai: .c跟.d只要做absolute就会跑版，一定得用float + 02/10 17:02
7F：→ KawasumiMai: margin-left:-100% 的方法进行叠合，原因是为什麽? 02/10 17:03
8F：→ KawasumiMai: 另外能自动判定内容高度的部分是因为box-sizing吗？ 02/10 17:06
9F：推 lin009: .c .d 是 absolute 的话, 定位参考点不一定会是 .B, 可能 02/11 01:21
10F：→ lin009: 会往上找 02/11 01:21
11F：推 lin009: 应该是这样啦~ 总之是 absolute 的性质 02/11 01:24
12F：推 iamnodoubt: 用absolute就不是normal flow,简单讲就是跟b不同空间 02/11 03:28
13F：→ iamnodoubt: 当然撑不开.你硬要用ap,google的答案都是用js处理 02/11 03:30
14F：→ iamnodoubt: 反而麻烦.. 02/11 03:30