Maison interface Web tutoriel HTML 两个子DIV float并排后,如何使这两个DIV的高度相同

两个子DIV float并排后,如何使这两个DIV的高度相同

Jun 01, 2016 am 09:53 AM
div float height

两个个子DIV的内容高度不同,当对他们设置float:left的时候,就会出现版面效果的问题(DIV高度不一致)。那么,如何让这两子DIV的高度一致呢(即:如何让内容DIV的高度能自动适合容器DIV的高度)。我们可以利用css的margin-bottom:-9999px和padding-bottom:9999px来解决这个问题。

将父容器的overflow设置为hidden,再将内容少的div设置margin-bottom:-9999px和padding-bottom:9999px;
代码如下:

<code>


<title>两个子DIV float并排后,如何使这两个DIV的高度相同</title>


<div style="width:605px;overflow:hidden;">
    <div style="float:left;width:300px; background:#EFEFEF;margin-right:5px;margin-bottom:-9999px;padding-bottom:9999px;">
    内容少
    </div>
    <div style="float:left;width:300px;background:#F7F7F7;">
    内容多<br>
    内容多<br>
    内容多<br>
    内容多<br>
    内容多<br>
    内容多<br>
    内容多<br>
    内容多<br>
    内容多<br>
    </div>
    <div style="clear:both;"></div>
</div>

</code>
Copier après la connexion

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

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
4 Il y a quelques semaines By DDD
Musée à deux points: toutes les expositions et où les trouver
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

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)

Quelle est la valeur maximale du float ? Quelle est la valeur maximale du float ? Oct 11, 2023 pm 05:54 PM

Valeur maximale de float : 1. En langage C, la valeur maximale de float est 3,40282347e+38. Selon la norme IEEE 754, l'exposant maximum du type float est de 127 et le nombre de chiffres de la mantisse est de 23. De cette façon, le nombre à virgule flottante maximum est 3,40282347 e+38 ;

Comment utiliser CSS pour se rendre compte qu'il manque un coin à un div Comment utiliser CSS pour se rendre compte qu'il manque un coin à un div Jan 30, 2023 am 09:23 AM

Méthode CSS pour réaliser qu'il manque un coin à un div : 1. Créez un exemple de fichier HTML et définissez un div ; 2. Définissez la couleur d'arrière-plan de la largeur et de la hauteur du div 3. Ajoutez une pseudo-classe au div qui doit être supprimé ; un coin et définissez la pseudo-classe sur Utiliser la même couleur que la couleur d'arrière-plan, puis faites-la pivoter de 45 degrés, puis positionnez-la sur le coin qui doit être supprimé.

Quelle est la précision du flotteur ? Quelle est la précision du flotteur ? Oct 17, 2023 pm 03:13 PM

La précision du float peut atteindre 6 à 9 décimales. Selon la norme IEEE754, le nombre de chiffres significatifs que peut représenter le type float est d'environ 6 à 9 chiffres. Il convient de noter qu'il ne s'agit que de la précision maximale théorique. En utilisation réelle, en raison de l'erreur d'arrondi des nombres à virgule flottante, la précision du type float est souvent inférieure. Lors de l'exécution d'opérations sur des nombres à virgule flottante dans un ordinateur, une perte de précision peut survenir en raison des limitations de précision des nombres à virgule flottante. Afin d'améliorer la précision des nombres à virgule flottante, vous pouvez utiliser des types de données de plus grande précision, tels que double ou long double.

Quelles sont les longueurs flottantes de la base de données ? Quelles sont les longueurs flottantes de la base de données ? Oct 10, 2023 pm 03:57 PM

Les longueurs flottantes courantes des bases de données sont les suivantes : 1. La longueur du type float dans MySQL peut être de 4 octets ou 8 octets. 2. La longueur du type float dans Oracle peut être de 4 octets ou 8 octets. 3. , La longueur du type float dans SQL Server ; est fixé à 8 octets ; 4. La longueur du type float dans PostgreSQL peut être de 4 octets ou 8 octets, etc.

Implémentation d'un script de navigateur de traduction de marquage de mots basé sur l'API ChatGPT Implémentation d'un script de navigateur de traduction de marquage de mots basé sur l'API ChatGPT May 01, 2023 pm 03:28 PM

Préface Récemment, il existe un script de navigateur basé sur ChatGPTAPI sur GitHub, openai-translator. En peu de temps, l'étoile a atteint 12k. En plus de prendre en charge la traduction, elle prend également en charge les fonctions de polissage et de synthèse. -ins, il utilise également le packaging tauri. Si vous avez un client de bureau, outre le fait que tauri utilise la partie rust, la partie navigateur est encore relativement simple à implémenter. Aujourd'hui, nous allons l'implémenter manuellement. L'interface fournie par openAI, par exemple, nous pouvons copier le code suivant et lancer une requête dans la console du navigateur pour terminer la traduction //Exemple constOPENAI_API_KEY="s

Que signifie float en langage C ? Que signifie float en langage C ? Oct 12, 2023 pm 02:30 PM

Float en langage C est un type de données utilisé pour représenter des nombres à virgule flottante simple précision. Les nombres à virgule flottante sont des nombres réels représentés en notation scientifique et peuvent représenter des valeurs très grandes ou très petites. Les variables de type float peuvent stocker des valeurs avec 6 chiffres significatifs après la virgule décimale. En langage C, le type float peut être utilisé pour opérer et stocker des nombres à virgule flottante. Ses variables peuvent être utilisées pour représenter des décimales, des fractions, des valeurs scientifiques. notation, etc. qui nécessitent une représentation précise. Les nombres réels, contrairement aux types entiers, les nombres à virgule flottante peuvent représenter des nombres après la virgule décimale et peuvent effectuer quatre opérations arithmétiques sur les décimales.

Quelles sont les différences entre div et span ? Quelles sont les différences entre div et span ? Nov 02, 2023 pm 02:29 PM

Les différences sont les suivantes : 1. div est un élément de niveau bloc et span est un élément en ligne ; 2. div occupera automatiquement une ligne, tandis que span ne sera pas automatiquement renvoyé à la ligne ; 3. div est utilisé pour envelopper des structures et des mises en page plus volumineuses ; span est utilisé pour envelopper du texte ou d'autres éléments en ligne ; 4. div peut contenir d'autres éléments de niveau bloc et des éléments en ligne, et span peut contenir d'autres éléments en ligne.

Quel est le modèle de boîte de division ? Quel est le modèle de boîte de division ? Oct 09, 2023 pm 05:15 PM

Le modèle de boîte div est un modèle utilisé pour la mise en page d'une page Web. Il traite les éléments d'une page Web comme des boîtes rectangulaires. Ce modèle contient quatre parties : la zone de contenu, le remplissage, la bordure et la marge. L'avantage du modèle de boîte div est qu'il peut facilement contrôler la mise en page de la page Web et l'espacement entre les éléments. En ajustant la taille de la zone de contenu, la marge intérieure, la bordure et la marge extérieure, divers effets de mise en page peuvent être obtenus. Le modèle de boîte fournit également certaines propriétés et méthodes permettant de modifier dynamiquement le style et le comportement de la boîte via CSS et JavaScript.

See all articles