Table des matières
回复讨论(解决方案)
Maison interface Web tutoriel HTML 【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>
Copier après la connexion
Copier après la connexion


回复讨论(解决方案)

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

<!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>
Copier après la connexion
Copier après la connexion

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

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

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

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment écrire un algorithme pour trouver le plus petit commun multiple en Python ? Comment écrire un algorithme pour trouver le plus petit commun multiple en Python ? Sep 19, 2023 am 11:25 AM

Comment écrire un algorithme pour trouver le plus petit commun multiple en Python ? Le plus petit commun multiple est le plus petit entier entre deux nombres pouvant diviser les deux nombres. En mathématiques, la résolution du plus petit commun multiple est une tâche mathématique de base, et en programmation informatique, nous pouvons utiliser Python pour écrire un algorithme permettant de résoudre le plus petit commun multiple. Ce qui suit présentera l’algorithme multiple de base le moins courant et donnera des exemples de code spécifiques. La définition mathématique du plus petit commun multiple est la suivante : si a est divisible par n et b est divisible par n, alors n est le plus petit commun multiple de a et b. Pour résoudre le minimum

Un moyen rapide de calculer l'inverse d'une matrice - Implémentation Numpy Un moyen rapide de calculer l'inverse d'une matrice - Implémentation Numpy Jan 24, 2024 am 08:47 AM

Numpy est une bibliothèque informatique scientifique bien connue en Python, qui fournit des fonctions riches et des méthodes informatiques efficaces pour traiter de grands tableaux et matrices multidimensionnels. Dans le monde de la science des données et de l’apprentissage automatique, l’inversion matricielle est une tâche courante. Dans cet article, je vais présenter comment résoudre rapidement l'inverse de la matrice à l'aide de la bibliothèque Numpy et fournir des exemples de code spécifiques. Tout d'abord, introduisons la bibliothèque Numpy dans notre environnement Python en l'installant. Numpy peut être installé dans le terminal à l'aide de la commande suivante : pipinsta

Utiliser la programmation en langage C pour résoudre le plus grand diviseur commun Utiliser la programmation en langage C pour résoudre le plus grand diviseur commun Feb 21, 2024 pm 07:30 PM

Titre : Utilisez la programmation en langage C pour implémenter la solution du plus grand diviseur commun. Le plus grand diviseur commun (Greatest Common Divisor, GCD en abrégé) fait référence au plus grand entier positif qui peut diviser deux entiers ou plus en même temps. La recherche du plus grand diviseur commun peut être très utile pour certains algorithmes et la résolution de problèmes. Dans cet article, la fonction de recherche du plus grand diviseur commun sera implémentée via la programmation en langage C, et des exemples de code spécifiques seront fournis. En langage C, vous pouvez utiliser l'algorithme euclidien pour résoudre le maximum

Comment utiliser Python pour implémenter l'algorithme de résolution factorielle ? Comment utiliser Python pour implémenter l'algorithme de résolution factorielle ? Sep 19, 2023 am 10:30 AM

Comment utiliser Python pour implémenter l'algorithme de résolution factorielle ? Factorielle est un concept important en mathématiques. Elle fait référence à un nombre multiplié par lui-même moins un, puis multiplié par lui-même moins un, et ainsi de suite jusqu'à ce qu'il soit multiplié par 1. La factorielle est généralement représentée par le symbole "!". Par exemple, la factorielle de 5 est exprimée par 5!, et la formule de calcul est : 5!=5×4×3×2×1=120. En Python, nous pouvons utiliser des boucles pour implémenter un algorithme factoriel simple. Un exemple de code est donné ci-dessous : deffacto

Apprenez à trouver le plus grand diviseur commun en langage C Apprenez à trouver le plus grand diviseur commun en langage C Feb 21, 2024 pm 11:18 PM

Pour savoir comment trouver le plus grand diviseur commun en langage C, vous avez besoin d'exemples de code spécifiques. Le plus grand diviseur commun (Greatest Common Divisor, GCD en abrégé) fait référence au plus grand entier positif parmi deux ou plusieurs entiers pouvant les diviser. Le plus grand dénominateur commun est souvent utilisé en programmation informatique, en particulier lorsqu'il s'agit de traiter des fractions, de simplifier des fractions et de résoudre des problèmes tels que le rapport le plus simple d'entiers. Cet article explique comment utiliser le langage C pour trouver le plus grand diviseur commun et donne des exemples de code spécifiques. Il existe de nombreuses façons de résoudre le plus grand diviseur commun, comme Euclidien

Programme C/C++ pour trouver le nième nombre de Fibonacci ? Programme C/C++ pour trouver le nième nombre de Fibonacci ? Sep 12, 2023 pm 06:01 PM

La suite de Fibonacci est une suite de nombres dont le terme suivant est la somme des deux termes précédents. Les deux premiers termes de la suite de Fibonacci sont 0 suivi de 1. Dans ce problème, nous trouverons le nième nombre de la séquence de Fibonacci. Pour ce faire, nous allons compter tous les nombres et imprimer n éléments. Entrée : 8 Sortie : 011235813 Description 0+1=11+1=21+2=32+3=5 Utilisez une boucle For pour additionner les deux premiers éléments comme élément suivant Exemple #include<iostream>usingnamespacestd;intmain(){ intt1 = 0,t2=1,n,i,termesuivant;&am

Écrire un programme pour résoudre des équations modulaires en C/C++ ? Écrire un programme pour résoudre des équations modulaires en C/C++ ? Sep 12, 2023 pm 02:21 PM

Ici, nous verrons un problème intéressant lié aux équations modulaires. Disons que nous avons deux valeurs A et B. Il faut trouver le nombre de valeurs possibles que la variable X peut prendre telles que (AmodX)=B soit vraie. Supposons que A vaut 26 et B vaut 2. La valeur préférée de X serait donc {3,4,6,8,12,24}, d'où le nombre de 6. C'est la réponse. Jetons un coup d'œil à l'algorithme pour mieux comprendre. Algorithme possibleWayCount(a,b)−begin sia=b, alors il y a des solutions infinies sia

Comment résoudre des puissances de 2 en PHP ? Comment résoudre des puissances de 2 en PHP ? Mar 28, 2024 am 11:09 AM

Titre : Comment résoudre des puissances de 2 en PHP ? Des exemples de code spécifiques sont partagés dans la programmation PHP. Résoudre la puissance des nombres est une exigence courante, en particulier dans certains algorithmes et calculs mathématiques. Cet article expliquera en détail comment résoudre la puissance de 2 en PHP et fournira des exemples de code spécifiques pour votre référence. En PHP, vous pouvez utiliser l'opérateur d'exponentiation ** pour calculer les puissances. Pour des puissances de 2, calculez $2^n$, où $n$ est l'exposant de la puissance. Ci-dessous, nous mettrons en œuvre ce calcul de différentes manières. Méthode 1 : Utilisez ** chance

See all articles