Was ich habe ist ein Element, dessen Styling gebrochen ist: die Breite und Höhe sind ziemlich falsch. Das Problem ist, dass für dieses Element kein width
oder height
angegeben ist: Wenn Sie es in Chrome Dev Tools betrachten, sehen Sie, dass diese Eigenschaften ausgegraut sind, wie unten zu sehen, da sie nur vom Browser basierend auf anderen berechnet werden Information.Welche Faktoren beeinflussen die Berechnung der Breite und Höhe eines Elements?
Und diffs zwischen verpflichtet zu vergleichen, kann ich keine Styling-Regeln sehen waren auf dieses Element geändert. Was bedeutet etwas um das Element wurde geändert: eines seiner vielen Kinder oder ein Elternteil.
Was ich gerne wissen würde ist, wie können Sie feststellen, welche Elemente oder Regeln diese Berechnung beeinflussen, um es zu debuggen?
Ich hoffe, es Art einer Checkliste ist, so etwas wie „Check Breite Eigenschaft für alle untergeordneten Elemente. Wenn es gesetzt ist, dann ..., sonst auf mögliche JavaScript zu beeinflussen suchen weitergehen ...“
Edit: Die Frage kann als „“? Welche Faktoren Browsern überprüfen, in welcher Reihenfolge und mit welcher Priorität, eines Elements Dimensionen bestimmen“umformuliert werden
Ohne den Code zu sehen, viele Dinge beeinflussen Breite und Höhe. Der Inhalt ist wahrscheinlich der größte, ebenso wie die Breite der Eltern oder angrenzender Elemente, wenn sie floaten usw. – n8wrl
Diese Frage sollte nicht den Code sehen lassen. Es ist im Wesentlichen das: "Welche Faktoren überprüfen Browser in welcher Reihenfolge und mit welcher Priorität, um die Dimensionen eines Elements zu bestimmen?" Das ist Code-agnostisch. – Aerovistae