Heim > Artikel > Web-Frontend > So lösen Sie das Problem, dass das übergeordnete Div nicht automatisch geöffnet werden kann, nachdem das untergeordnete Div auf Float gesetzt wurde.
Der in diesem Artikel mit Ihnen geteilte Inhalt befasst sich mit dem Festlegen von Float für das untergeordnete Div, was dazu führt, dass das übergeordnete Div nicht automatisch geöffnet werden kann. Der Inhalt ist sehr detailliert Schauen Sie sich den spezifischen Inhalt an. Ich hoffe, er kann allen helfen.
Grund: Das innere p verliert die Stile von clear:both und display:block nach float:left, sodass das äußere p nicht geöffnet wird.
Im Folgenden sind mehrere Lösungen aufgeführt (vorausgesetzt, die Klasse des übergeordneten p ist „Container“):
Methode 1. Verwenden Sie Pseudoklassen
container::after{ display: block; height:0; content: ''; clear: both; } container{ display: inline-block; /*第一种撑开办法,底下会有部分被遮到,所以添加这行,就完美了*/ }
Methode 2. Das Prinzip der Nichtverbreitung besteht darin, dass der Überlauf nicht sichtbar ist. Fügen Sie also einfach overflow:auto; zum übergeordneten p hinzu 🎜>
container{ overflow: auto;/*让主要内容区随内容自动撑开*/ overflow-y:hidden;/*把出现的滚动条隐藏,但是底下会被遮到一点,不完美*/ _height:1%;/*对IE的hack*/ }
5e61f882fc28a1ad04b8488b9fa829db94b3e26ee717c64999d7867364b1b4a3
Legen Sie den Stil fest.clear{clear:both; font-size:0; height:1%;}
Dadurch wird es auch automatisch erweitert display: inline-block;
und es kann auch automatisch geöffnet werden, aber Das Satzproblem muss untersucht und untersucht werden display: inline-block;
display:table;
kann auch verwendet werden float: left;
tinymce und prism implementieren hervorgehobenen Code und chinesischen Konfigurationsmethodenprozess
Einführung in das dynamische Generieren und Hinzufügen von HTML-Elementen Attribute zu Elementen (Code angehängt)
Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem, dass das übergeordnete Div nicht automatisch geöffnet werden kann, nachdem das untergeordnete Div auf Float gesetzt wurde.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!