浮动元素为什么会卡住?
<!DOCTYPE html> <html> <head> <title>浮动元素卡住</title> </head> <body style="width:500px;"> <div style="background-color:#0F0;width:200px;height:110px;float:left;"></div> <div style="background-color:#F00;width:200px;height:100px;float:left;"></div> <div style="background-color:#00F;width:200px;height:100px;float:left;"></div> <div style="background-color:#F00;width:200px;height:100px;float:left;"></div> <div style="background-color:#000;width:200px;height:100px;float:left;"></div> </body> </html>
为什么蓝色区域不在绿色的下面?下面的红色为什么也不能在绿色的下面?
回复讨论(解决方案)
<div style="background-color:#0F0;width:200px;height:110px;float:left;"></div>
高度不一致
浮动本来就这样。。习惯就好了。。一般如果2个一行。。都有个清除浮动。。就会自动下来。
<div style="background-color:#0F0;width:200px;height:110px;float:left;"></div>
我知道高度不一样,也知道清除浮动可以达到效果,我想知道的是为什么有这样的结果??
因为块级元素独占一行,你浮动了过后这边没有了容下他的空间,自然跑到右边去了啊
你应该换个思路
不要问为什么
你已经看到了 结果
也就是你 已经知道在什么样的情况下 会发生什么事情了
所见即所得啊
以上就是浮动元素为什么会卡住?的内容,更多相关内容请关注PHP中文网(www.php.cn)!

Outils d'IA chauds

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

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

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

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

La raison pour laquelle WPS est bloqué dès que vous l'ouvrez peut être due à une utilisation excessive des ressources, à des problèmes de version du logiciel, à des conflits de plug-ins, à des problèmes de cache, à des virus ou à des logiciels malveillants, à des problèmes de compatibilité du système, à d'autres conflits logiciels ou à une corruption de données, etc. Introduction détaillée : 1. L'utilisation des ressources est trop élevée. WPS est un logiciel de bureau puissant qui nécessite une certaine quantité de ressources système pour fonctionner si la configuration de l'ordinateur est faible ou si d'autres programmes qui consomment beaucoup de ressources s'exécutent en même temps. , WPS peut s'ouvrir. Ensuite, il se bloque ; 2. Problème de version du logiciel Si vous utilisez une ancienne version du logiciel WPS, il peut y avoir des problèmes connus, etc.

Récemment, le système Win11 a été officiellement publié. De nombreux utilisateurs intéressés ont essayé de mettre à niveau le système. Cependant, certains utilisateurs ont rencontré des problèmes lors de la mise à niveau. Par exemple, la mise à jour Win11 est bloquée à 88 %. mise à niveau ou ordinateur. Que faire si la mise à jour win11 est bloquée à 88 % : Méthode 1 : 1. De manière générale, la mise à niveau est bloquée simplement parce que le temps de chargement et de lecture est relativement long, peut-être parce que la vitesse de lecture de notre disque est lente. 2. Vous pouvez essayer de libérer de l'espace disque, mais dans la plupart des cas, il vous suffit d'attendre un moment avant de poursuivre la mise à niveau. Méthode 2 : 1. Si nous ne parvenons toujours pas à mettre à jour après une longue attente, nous pouvons d'abord redémarrer l'ordinateur et essayer de voir si nous pouvons continuer la mise à niveau. 2. Si vous redémarrez l'ordinateur,

Lorsque nous utilisons des ordinateurs dotés du système d'exploitation Win10, nous pouvons parfois réinitialiser nos ordinateurs pour résoudre certains problèmes. Ainsi, si la réinitialisation de Win10 est bloquée à 1 % et ne répond pas pendant ce processus, de nombreux amis ne savent pas comment le résoudre. L'éditeur pense que nous pouvons d'abord vérifier si la situation de notre réseau est normale et ensuite exclure d'autres situations. Que faire si la réinitialisation de Win10 est bloquée à 1% et ne répond pas : 1. Dans ce cas, vous sauvegardez votre lecteur C 2. Il est recommandé de formater directement C puis de le réinstaller 3. Après la réinitialisation, le lecteur C aura plus de 10 Go d'anciens fichiers 4. Si vous ne souhaitez pas formater le lecteur C, attendez patiemment. Solution pour la réinitialisation de Win10 bloquée : 1. Ouvrez le menu Démarrer de Win10 et sélectionnez Paramètres. 2. Souris

Lorsque nous mettons à jour ou installons le système win10, nous pouvons parfois rencontrer une situation dans laquelle la progression est bloquée au milieu et s'arrête soudainement. Dans ce cas, l'éditeur estime qu'il peut y avoir des raisons réseau en arrière-plan qui empêchent la mise à jour de se dérouler correctement. Il vous suffit d'attendre que le réseau se rétablisse. Ou il peut y avoir une erreur dans le système lui-même pendant le processus de mise à jour et d'installation du système. Jetons un coup d'œil à la solution spécifique avec l'éditeur ~ Que faire si le système win10 est bloqué lors de l'installation >>> Téléchargement du système Desktop YuLinMuFeng win1064 bits<<<>>> Téléchargement du système Desktop YuLinMuFeng win1032 bits <<<> >>>Cahier Pluie

WPS est notre logiciel bureautique couramment utilisé. Il est très puissant et facile à utiliser. Mais parfois, lorsque nous l'utilisons, nous rencontrons une situation où wps reste bloqué. Il y a de nombreuses raisons à cela, et que devons-nous faire des documents que nous n'avons pas sauvegardés après avoir été bloqués. En réponse à ces problèmes, je vais vous donner une réponse. vous a Analysons les raisons : Situation 1. Que faire si WPS est bloqué. 1. Ouvrez le "Menu Démarrer", recherchez WPS2 et ouvrez l'outil wpsoffice. 3. Cliquez sur l'outil de configuration sous l'outil wpsoffice 4. Après avoir ouvert l'outil de configuration, cliquez sur Avancé 5. Décochez la flèche pointant vers les autres options. 6. De plus : Décochez les trois cases suivantes dans les paramètres de compatibilité pour empêcher l'ouverture par défaut des documents enregistrés par WPS.

Lorsque nous utilisons la version win102004 du système d'exploitation, certains amis peuvent rencontrer une situation où la progression est bloquée à 91 % et reste stationnaire pendant le processus de mise à jour du système. Concernant ce problème, l'éditeur pense qu'il peut être dû à notre réseau ou système. Vous pouvez d'abord résoudre les problèmes correspondants dans votre propre système, puis résoudre les problèmes de manière ciblée. Jetons un coup d'œil aux étapes détaillées pour voir comment l'éditeur a fait ~ Que faire si la mise à jour win102004 est bloquée à 91 % Méthode 1 : 1. Appuyez directement sur le bouton d'alimentation pour arrêter l'interface Hello qui est bloquée. 2. Ou appuyez sur le bouton de redémarrage pour redémarrer. Lors du démarrage d'Iogo, appuyez sur ctrl+shift+f33 et vous pourrez entrer. Il y a de fortes chances que vous puissiez entrer, mais il y a quelques exceptions.

Que dois-je faire si WPS reste soudainement bloqué et ne peut pas se fermer mais qu'aucun fichier n'est enregistré ? WPS est un outil bureautique que nous utilisons souvent dans notre vie quotidienne. Cependant, lors de son utilisation, les utilisateurs constatent souvent que WPS se bloque soudainement et ne peut pas quitter, mais que devons-nous faire si nous ne sauvegardons pas le fichier ? Laissez ce site présenter soigneusement aux utilisateurs les solutions à ce problème. Que dois-je faire si WPS reste soudainement bloqué et ne peut pas se fermer mais qu'aucun fichier n'est enregistré ? Méthode 1 : 1. Allumez d’abord l’ordinateur et double-cliquez pour ouvrir le document Word. 2. Cliquez ensuite sur Fichier. 3. Cliquez ensuite sur Gérer les documents. 4. Cliquez ensuite sur Récupérer les documents non enregistrés. 5. Cliquez ensuite pour sélectionner notre document non enregistré, puis

Guide de mise en page HTML : Comment utiliser des éléments flottants pour implémenter une mise en page multi-colonnes Lors de la navigation sur des pages Web, nous voyons souvent des mises en page composées de plusieurs colonnes, telles que la page d'accueil d'un site Web d'actualités, la page d'affichage d'un produit, etc. Cette disposition à plusieurs colonnes rend les pages Web plus organisées et plus belles en divisant le contenu en colonnes et en les affichant côte à côte. En HTML, nous pouvons utiliser des éléments flottants pour obtenir une telle mise en page multi-colonnes. Cet article vous montrera comment utiliser des éléments flottants pour implémenter une disposition multi-colonnes et fournira des exemples de code spécifiques. Concepts de base sur l'utilisation d'éléments flottants pour implémenter une disposition multi-colonnes
