已解決430363個問題，去搜搜看，總會有你想問的

div 父子層自適應高度問題

關注

首頁猿問 div 父子層自適應高度問題

div 父子層自適應高度問題

前端工具 Html/CSS

nideyida 2015-10-20 15:22:28

<div id="father" style="background-color:#red;"><div id="soon"> 為什么father 層的背景不會被soon層的內容撐開高度，也就是高度自適應</div></div>

查看完整描述

4 回答

已采納

鬧小志

TA貢獻75條經驗獲得超42個贊

如果是第二種情況，我的建議是改成浮動，然后按第一種解決方法來。當然，你非要用js也是可以的，就是覺得能用css解決的問題盡量不要用js來弄，個人見解。

js解決辦法：

$("#father").height($("#soon").height());

思路就是獲取到子元素的高度，然后把子元素的高度賦值給父元素的高。當然其中還包括邊距啊什么的你就直接加上就可以了。你要是不用jquery就把這個轉成js，反正思路是不變的！

反對回復 2015-10-21

nideyida
謝了,我會繼續努力的

回復 2015-10-21

鬧小志

TA貢獻75條經驗獲得超42個贊

1、如果你給子元素添加了浮動，為了使父元素可以撐開，你可以給父元素設置overflow:hidden;

2、如果你給子元素添加了position：absolute絕對定位，這個時候除非用js獲取高度賦值，要不然不能自動撐開。

3、如果以上兩種情況都不是，那你可能給父元素設置了定高，這個時候父元素也不會隨著子元素自動撐開的喲~這個時候把定高去掉即可！

個人見解！

反對回復 2015-10-20

nideyida
第二種情況的JS代碼能分享分享?

回復 2015-10-20

winbug_lee

TA貢獻1條經驗獲得超0個贊

估計是浮動沒有清掉。在子層中添加一個div如下

<div?style="clear:both;"></div>

試試看

反對回復 2015-10-20

nideyida
不行!

回復 2015-10-20

班大人

TA貢獻17條經驗獲得超11個贊

CSS 樣式也貼出來呀！

反對回復 2015-10-20

4 回答
0 關注
2442 瀏覽

關注

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

div 父子層自適應高度問題

div 父子層自適應高度問題

4 回答

相關問題推薦

添加回答

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

div 父子層自適應高度問題

div 父子層自適應高度問題

4 回答

相關問題推薦

添加回答