Fügen Sie die CSS-Stil-Eigenschaft hinzu
%Vor%auf den div-Tag, es funktioniert,
Dies ist iframe-Code von Google Übersetzer.
%Vor%Ich habe versucht, etwas Ähnliches mit den gleichen div- und iframe-Tags zu machen, aber die html-Seite endet nicht wie Google translate.
%Vor%Der iframe erscheint rechts oben auf der Seite, anstatt später 160px zu erscheinen, wie vom div angegeben.
Ich bin nicht sicher, was hier mit meinem Code falsch ist, der fast der gleiche wie der Google-Code ist.
Bearbeiten: Das Hinzufügen der Position: relativ zum Tag ist nicht als Lösung geeignet. Es schrumpft das div in einen Balken mit geringer Höhe. Es bedeutet auch, dass die genaue Position der Seite in Bezug auf die Seite nicht angegeben werden kann.
Es liegt daran, dass Sie position:relative;
auf #contentframe
position:absolute;
positioniert sich gegen den nächsten Vorfahren mit einem position
, der nicht static
ist. Da der Standardwert static
ist, wurde das Problem verursacht.
Sie müssen diese CSS-Eigenschaft verwenden,
%Vor%Verwenden Sie es für Ihr #contentframe div-Tag
Fügen Sie die CSS-Stil-Eigenschaft hinzu
%Vor%auf den div-Tag, es funktioniert,
Sie sollten Position verwenden: relativ; für einen iframe und position: absolut; für die Sekunde;
Beispiel: für den ersten iFrame verwenden:
%Vor%für zweiten iframe verwenden:
%Vor%Tags und Links html iframe css-position position