Das Problem, das ich habe, ist, dass ich einen Tisch und einige Pfeile getrennt auf verschiedenen Div. Aber diese div können sich nicht bewegen und werden größer oder kleiner gleichzeitig , wenn ich einen Browser ändere oder die Seite heranzoome.
Momentan baue ich einen großen Tisch. Innerhalb dieser großen Tabelle gibt es viele kleine Tabellen: für jede Zeile der Blöcke ist es eine Tabelle, also wie viele Zeilen gibt es wie viele Tabellen. Die Pfeile sind in einem neuen Div, seine Position ist "absolut", ich ändere die linke / obere Position, um ihre Position einzustellen.
Könnte jemand vorschlagen, wie ich dieses Problem lösen kann, danke im Voraus.
%Vor%Ich bin mir nicht sicher, wo im Code Sie die Klasse .NetMarginArrow css verwenden. Außerdem wird bei css zwischen Groß- und Kleinschreibung unterschieden. In Ihrem Code ist "p" das Kapital der Position in der Klasse .NetMarginArrow. Stellen Sie sicher, dass der HTML-Text 100% hoch ist. Der Container fungiert als Wrapper für alle Ihre Elemente. Bitte versuchen Sie den folgenden Code.
%Vor%Ich habe einen Container als Wrapper für all Ihre HTML-Elemente hinzugefügt.
Ich glaube, dass Ihr Problem könnte "oder so denke ich", dass Sie möglicherweise das Prozentzeichen,% verwenden müssen. Ich weiß, dass ich an meinem ersten Tag der Erstellung von HTML gelernt habe, dass% besser ist als PX, WEIL, wenn Sie zu einer anderen Auflösung wechseln, wird ein ähnliches Problem auftauchen, von dem Sie sprechen. Versuchen Sie also 1-100% auf Ihrer Seite. Ich glaube, es macht es skalierbar und ist relativ zu Ihrem aktuellen Bildschirm. Wie auch immer, versuche das. Für den Fall, dass ich ein wenig zu wenig erfahre: Durch die Verwendung von Prozenten können Sie etwas erreichen, das in der Lage ist, etwas in der Art zu tun: %Code% Dies würde effektiv dazu führen, dass ein DIV-Element die gesamte Seite ausdehnt und 1% der relativen Höhe des Bildschirms einnimmt, beginnend am oberen Rand der Seite. Dies funktioniert mit Positionierung und jedem anderen Ort, wo "PX" verwendet werden kann, gibt es auch "EM's" und andere Möglichkeiten, es zu tun, aber ich benutze% persönlich. Das ist alles.
halte alles fest an ihren Plätzen.
div { Position: festgelegt; }
und verwenden Sie #someid { position: relative; } für das Erscheinen von Pfeilen an entsprechenden Stellen
Tags und Links javascript html css