float浮動之後高度自適應失效解決方案

2021-08-27 22:23:31 字數 494 閱讀 4687

float浮動之後高度自適應失效解決方案 

蕃薯耀 2023年11月17日 17:29:00 

一、問題描述

父div中裡面的內容(如div)浮動之後,父div的高度不能自適應了

二、給父div加上overflow:hidden;即可解決

三、網上其他解決方法(未測試,但原理差不多):

給父div加上

overflow:auto; zoom:1;
overflow:auto;是讓高度自適應, zoom:1;是為了相容ie6,也可以用height:1%;的方式來解決。

注:使用 overflow:auto,會造成乙個滾動條,為了避免乙個滾動顯示你應該使用overflow:hidden。然而,這種方法也有乙個缺點。使用overflow:hidden隱藏任何超出容器的邊界的內容。

蕃薯耀 2023年11月17日 17:29:00 

float導致外部容器高度無法自適應

讓標籤顯示再 left的右側,寫如下 想要 layout也被撐開,發現ie6,ie7正常,但ie8與ff中 layout的高度與a標籤相同,沒有被撐開。例 xml 前推薦遵循的是w3c於2000年10月6日發布的xml1.0和html一樣,xml同樣 於sgml,但xml是一種能定義其 它語言的語。...

高度自適應

開發中遇到乙個問題,要求不管在多高的螢幕下,什麼都行 到底部的距離都應該和psd一致,flash裡面的問題 定義寬度 var psdwidth 750 定義高度 var psdheight 1448 獲取手機螢幕寬度 var w window.innerwidth document.document...

高度自適應

1.高度不去設定,或者高度設定auto 內容撐開父元素的高度。2.內容撐開父元素的高度 最小高度的設定 min height 3.浮動元素新增高度自適應 新增浮動元素的父元素沒有高度,會出現高度塌陷 1 給出現高度塌陷的元素新增 overflow hidden 原理 overflow hidden ...