【ie7】下关于【absolute 和float】 导致高度塌陷的问题，求解_html/css_WEB-ITnose
ie7 absolute 高度塌陷
ie8以及以上版本中此段代码是我要达到的效果，但是ie7不知何故导致了left，right类的高度塌陷。求高手解答。怎样兼容ie7代码如下：
<!DOCTYPE html><html><head> <title></title><style type="text/css">.content{ position: absolute; top: 20px; bottom: 20px; background-color: #eee; left: 0; right: 0;}.left{ height: 100%; width: 40%; float: left; position: relative; background-color: #888;}.right{ position: relative; height: 100%; width: 60%; float: left; background-color: #666;}.img{ width: 100px; background-color: red; height: 200px; float: right; position: relative; top: 50%; margin-top: -100px;}.detail{ width: 300px; height: 300px; float: left; position: relative; top: 50%; margin-top: -150px; background-color: green;}.clearfix{ *zoom: 1;}.clearfix:after,.content-style:after{ clear: both; content: "20"; visibility: hidden; height: 0; display: block;}</style></head><body> <div class="content clearfix"> <div class="left clearfix"> <div class="img"></div> </div> <div class="right clearfix"> <div class="detail"></div> </div> </div></body></html>回复讨论(解决方案)
忘记粘贴代码了 代码在此：
<!DOCTYPE html><html><head> <title></title><style type="text/css">.content{ position: absolute; top: 20px; bottom: 20px; background-color: #eee; left: 0; right: 0;}.left{ height: 100%; width: 40%; float: left; position: relative; background-color: #888;}.right{ position: relative; height: 100%; width: 60%; float: left; background-color: #666;}.img{ width: 100px; background-color: red; height: 200px; float: right; position: relative; top: 50%; margin-top: -100px;}.detail{ width: 300px; height: 300px; float: left; position: relative; top: 50%; margin-top: -150px; background-color: green;}.clearfix{ *zoom: 1;}.clearfix:after,.content-style:after{ clear: both; content: "20"; visibility: hidden; height: 0; display: block;}</style></head><body> <div class="content clearfix"> <div class="left clearfix"> <div class="img"></div> </div> <div class="right clearfix"> <div class="detail"></div> </div> </div></body></html>ie8以及以上版本中此段代码是我要达到的效果，但是ie7不知何故导致了left，right类的高度塌陷。求高手解答。怎样兼容ie7
你这height:100%在ie7下貌似没用，要不用js吧
浏览器的问题，这没办法，找个代替方案吧
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
如何用Python寫出求解最小公倍數的演算法？
Sep 19, 2023 am 11:25 AM
如何用Python寫出求解最小公倍數的演算法？最小公倍數是指兩個數中能夠整除這兩個數的最小整數。在數學中，求解最小公倍數是一項基本的數學任務，而在電腦程式設計中，我們可以使用Python來寫一個求解最小公倍數的演算法。以下將介紹基本的最小公倍數演算法，並給出具體的程式碼範例。最小公倍數的數學定義是：若a能被n整除且b能被n整除，則n是a和b的最小公倍數。要求解最小
用C語言程式實現最大公約數求解
Feb 21, 2024 pm 07:30 PM
標題：以C語言程式實現最大公約數求解最大公約數（GreatestCommonDivisor，簡稱GCD）是指能夠同時整除兩個或多個整數的最大正整數。求解最大公約數對於一些演算法和問題解決非常有幫助。在本文中，將透過C語言程式設計來實現求解最大公約數的功能，並提供具體的程式碼範例。在C語言中，可以使用歐幾裡得演算法（EuclideanAlgorithm）來求解最大
快速計算矩陣逆的方法 - Numpy實現
Jan 24, 2024 am 08:47 AM
Numpy是Python中著名的科學計算庫，為處理大型多維數組和矩陣提供了豐富的功能和高效的計算方法。在資料科學和機器學習領域，矩陣的逆運算是一項常見的任務。在本文中，我將介紹使用Numpy函式庫快速求解矩陣逆的方法，並提供具體的程式碼範例。首先，讓我們透過安裝Numpy庫引入它到我們的Python環境中。可以使用以下命令在終端機中安裝Numpy：pipinsta
如何使用Python實作求解階乘的演算法？
Sep 19, 2023 am 10:30 AM
如何使用Python實作求解階乘的演算法？階乘是數學中的重要概念，指的是一個數乘上其自身減一，再乘上自身減一減一，以此類推，直到乘到1為止。階乘通常以符號"!"來表示，例如5的階乘表示為5!，計算公式為：5!=5×4×3×2×1=120。在Python中，我們可以使用迴圈來實作一個簡單的階乘演算法。下面給一個範例程式碼：deffacto
學習C語言如何求解最大公約數
Feb 21, 2024 pm 11:18 PM
學習C語言如何解最大公約數，需要具體程式碼範例最大公約數（GreatestCommonDivisor，簡稱GCD）是指兩個或多個整數中能夠整除它們的最大正整數。在電腦程式設計中常會用到最大公約數，特別是在處理分數、化簡分數以及求解最簡整數比例等問題時。本篇文章將介紹如何使用C語言來求解最大公約數，並給出具體的程式碼範例。求解最大公約數的方法有很多種，例如歐
在C/C++中寫出求解模方程式的程式？
Sep 12, 2023 pm 02:21 PM
在這裡，我們將看到一個與模方程式相關的有趣問題。假設我們有兩個值A和B。我們必須找到變數X可以取的可能值的數量，使得(AmodX)=B成立。假設A為26，B為2。所以X的首選值會是{3,4,6,8,12,24}，因此計數為6。這就是答案。讓我們看一下演算法以更好地理解。演算法possibleWayCount(a,b)−begin ifa=b,thenthereareinfinitesolutions ifa
求第n個斐波那契數的C/C++程式？
Sep 12, 2023 pm 06:01 PM
斐波那契數列是一個數列，其中下一項是前兩項之和。斐波那契數列的前兩項是0後跟1。在這個問題中，我們會發現斐波那契數列中的第n個數字。為此，我們將計算所有數字並列印n項。 Input:8Output:011235813說明0+1=11+1=21+2=32+3=5使用For迴圈將前兩項求和作為下一項範例#include<iostream>usingnamespacestd;intmain(){ intt1= 0,t2=1,n,i,nextTerm;&am
PHP中如何求解2的乘方？
Mar 28, 2024 am 11:09 AM
標題：PHP中如何求解2的乘方？具體程式碼範例分享在PHP程式設計中，求解數的乘方是一個常見的需求，特別是在一些演算法和數學計算中。本文將詳細探討如何在PHP中求解2的乘方，並提供具體的程式碼範例供大家參考。在PHP中，可以使用冪運算子**來計算乘方。對於2的乘方，即計算$2^n$，其中$n$是乘方的指數。下面我們將透過幾種不同的方法來實現這個計算。方法一：使用**運
