Inhaltsverzeichnis
回复讨论(解决方案)
Heim Web-Frontend HTML-Tutorial 【ie7】下关于【absolute 和float】 导致高度塌陷的问题,求解_html/css_WEB-ITnose

【ie7】下关于【absolute 和float】 导致高度塌陷的问题,求解_html/css_WEB-ITnose

Jun 21, 2016 am 09:46 AM

本帖最后由 wangyinshu 于 2013-09-12 16:58:05 编辑

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>
Nach dem Login kopieren
Nach dem Login kopieren


回复讨论(解决方案)

忘记粘贴代码了 代码在此:

<!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>
Nach dem Login kopieren
Nach dem Login kopieren

ie8以及以上版本中此段代码是我要达到的效果,但是ie7不知何故导致了left,right类的高度塌陷。求高手解答。怎样兼容ie7

你这height:100%在ie7下貌似没用,要不用js吧

浏览器的问题,这没办法,找个代替方案吧

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie schreibe ich einen Algorithmus, um das kleinste gemeinsame Vielfache in Python zu finden? Wie schreibe ich einen Algorithmus, um das kleinste gemeinsame Vielfache in Python zu finden? Sep 19, 2023 am 11:25 AM

Wie schreibe ich einen Algorithmus, um das kleinste gemeinsame Vielfache in Python zu finden? Das kleinste gemeinsame Vielfache ist die kleinste ganze Zahl zwischen zwei Zahlen, die die beiden Zahlen teilen kann. In der Mathematik ist das Lösen des kleinsten gemeinsamen Vielfachen eine grundlegende mathematische Aufgabe, und in der Computerprogrammierung können wir Python verwenden, um einen Algorithmus zum Lösen des kleinsten gemeinsamen Vielfachen zu schreiben. Im Folgenden wird der grundlegende Algorithmus für das kleinste gemeinsame Vielfache vorgestellt und spezifische Codebeispiele gegeben. Die mathematische Definition des kleinsten gemeinsamen Vielfachen lautet: Wenn a durch n teilbar ist und b durch n teilbar ist, dann ist n das kleinste gemeinsame Vielfache von a und b. Um das Minimum zu lösen

Eine schnelle Möglichkeit, die Umkehrung einer Matrix zu berechnen – Numpy-Implementierung Eine schnelle Möglichkeit, die Umkehrung einer Matrix zu berechnen – Numpy-Implementierung Jan 24, 2024 am 08:47 AM

Numpy ist eine bekannte Python-Bibliothek für wissenschaftliches Rechnen, die umfangreiche Funktionen und effiziente Rechenmethoden für die Verarbeitung großer mehrdimensionaler Arrays und Matrizen bietet. In der Welt der Datenwissenschaft und des maschinellen Lernens ist die Matrixinversion eine häufige Aufgabe. In diesem Artikel werde ich vorstellen, wie man die Matrixinverse mithilfe der Numpy-Bibliothek schnell löst, und spezifische Codebeispiele bereitstellen. Lassen Sie uns zunächst die Numpy-Bibliothek durch Installation in unsere Python-Umgebung einführen. Numpy kann mit dem folgenden Befehl im Terminal installiert werden: pipinsta

Verwenden der C-Sprachprogrammierung zur Lösung des größten gemeinsamen Teilers Verwenden der C-Sprachprogrammierung zur Lösung des größten gemeinsamen Teilers Feb 21, 2024 pm 07:30 PM

Titel: Verwenden Sie die C-Sprachprogrammierung, um die Lösung für den größten gemeinsamen Teiler zu implementieren. Der größte gemeinsame Teiler (kurz: Greatest Common Divisor, GCD) bezieht sich auf die größte positive ganze Zahl, die zwei oder mehr ganze Zahlen gleichzeitig teilen kann. Die Lösung nach dem größten gemeinsamen Teiler kann für einige Algorithmen und die Problemlösung sehr hilfreich sein. In diesem Artikel wird die Funktion zum Ermitteln des größten gemeinsamen Teilers durch C-Sprachprogrammierung implementiert und spezifische Codebeispiele bereitgestellt. In der Sprache C können Sie den Euklidischen Algorithmus verwenden, um das Maximum zu lösen

Wie implementiert man mit Python den Algorithmus zur faktoriellen Lösung? Wie implementiert man mit Python den Algorithmus zur faktoriellen Lösung? Sep 19, 2023 am 10:30 AM

Wie implementiert man mit Python den Algorithmus zur faktoriellen Lösung? Fakultät ist ein wichtiges Konzept in der Mathematik. Es bedeutet, dass eine Zahl mit sich selbst minus eins multipliziert wird, dann mit sich selbst minus eins multipliziert wird und so weiter, bis sie 1 ergibt. Die Fakultät wird normalerweise durch das Symbol „!“ dargestellt. Die Fakultät von 5 wird beispielsweise als 5! ausgedrückt und die Berechnungsformel lautet: 5!=5×4×3×2×1=120. In Python können wir Schleifen verwenden, um einen einfachen faktoriellen Algorithmus zu implementieren. Nachfolgend finden Sie einen Beispielcode: deffacto

Erfahren Sie, wie Sie den größten gemeinsamen Teiler in der Sprache C finden Erfahren Sie, wie Sie den größten gemeinsamen Teiler in der Sprache C finden Feb 21, 2024 pm 11:18 PM

Um zu lernen, wie man den größten gemeinsamen Teiler in der C-Sprache findet, benötigen Sie spezifische Codebeispiele. Der größte gemeinsame Teiler (kurz: Greatest Common Divisor, GCD) bezieht sich auf die größte positive ganze Zahl unter zwei oder mehr ganzen Zahlen, die sie teilen kann. Der größte gemeinsame Nenner wird häufig in der Computerprogrammierung verwendet, insbesondere beim Umgang mit Brüchen, der Vereinfachung von Brüchen und der Lösung von Problemen wie dem einfachsten Verhältnis ganzer Zahlen. In diesem Artikel wird erläutert, wie Sie mithilfe der C-Sprache den größten gemeinsamen Teiler ermitteln, und es werden spezifische Codebeispiele aufgeführt. Es gibt viele Möglichkeiten, den größten gemeinsamen Teiler zu lösen, beispielsweise den Euklidischen

C/C++-Programm zum Ermitteln der n-ten Fibonacci-Zahl? C/C++-Programm zum Ermitteln der n-ten Fibonacci-Zahl? Sep 12, 2023 pm 06:01 PM

Die Fibonacci-Folge ist eine Zahlenfolge, bei der der nächste Term die Summe der beiden vorherigen Terme ist. Die ersten beiden Terme der Fibonacci-Folge sind 0, gefolgt von 1. In diesem Problem werden wir die n-te Zahl in der Fibonacci-Folge finden. Dazu zählen wir alle Zahlen und geben n Elemente aus. Eingabe:8Ausgabe:011235813 Beschreibung 0+1=11+1=21+2=32+3=5 Verwenden Sie eine For-Schleife, um die ersten beiden Elemente als nächstes Element zu summieren. Beispiel #include<iostream>usingnamespacestd;intmain(){ intt1 = 0,t2=1,n,i,nextTerm;&am

Ein Programm zum Lösen modularer Gleichungen in C/C++ schreiben? Ein Programm zum Lösen modularer Gleichungen in C/C++ schreiben? Sep 12, 2023 pm 02:21 PM

Hier sehen wir ein interessantes Problem im Zusammenhang mit modularen Gleichungen. Nehmen wir an, wir haben zwei Werte A und B. Wir müssen die Anzahl der möglichen Werte ermitteln, die die Variable X annehmen kann, sodass (AmodX)=B gilt. Angenommen, A ist 26 und B ist 2. Der bevorzugte Wert von X wäre also {3,4,6,8,12,24}, daher die Zählung 6. Das ist die Antwort. Werfen wir einen Blick auf den Algorithmus, um ihn besser zu verstehen. Algorithmus möglichWayCount(a,b)−begin ifa=b,thenthereinfinitesolutions ifa

Wie löst man in PHP nach Zweierpotenzen? Wie löst man in PHP nach Zweierpotenzen? Mar 28, 2024 am 11:09 AM

Titel: Wie löst man in PHP nach Zweierpotenzen? Spezifische Codebeispiele werden in der PHP-Programmierung geteilt. Das Lösen der Potenz von Zahlen ist eine häufige Anforderung, insbesondere bei einigen Algorithmen und mathematischen Berechnungen. In diesem Artikel wird ausführlich erläutert, wie die Zweierpotenz in PHP gelöst werden kann, und es werden spezifische Codebeispiele als Referenz bereitgestellt. In PHP können Sie den Potenzierungsoperator ** verwenden, um Potenzen zu berechnen. Berechnen Sie für Zweierpotenzen $2^n$, wobei $n$ der Exponent der Potenz ist. Im Folgenden werden wir diese Berechnung auf verschiedene Arten umsetzen. Methode 1: Nutzen Sie **Glück

See all articles