


How to position DIV relative to the top-level frame? _html/css_WEB-ITnose
There is such a page, which contains three frames:
There is a div in frame3 , how can we position the div absolutely relative to the frameset with name="test" instead of relative to frame3?
Reply to discussion (solution)
frameset position:relative
frame3 position:static
div position:absolute
Absolutely positioned elements Position is relative to the nearest positioned ancestor, or, if the element has no positioned ancestor, its position is relative to the original containing block.
Reference:
http://w3school.com.cn/css/css_positioning_absolute.asp
http://w3school.com.cn/css/pr_class_position.asp
After testing, the method on Floor #1 does not work. The positioning attribute is generally only relative to the current window, and in the frame, each frame corresponds to a window.
It seems that FRAMESET is no longer used and many browsers do not support it. It is recommended to replace it with Iframe
Frameset does not work and cannot cross frames.
According to the modification of #3, the three layouts are implemented with iframes, and then the divs are placed on the parent page, so that they can be positioned relative to each other.
After testing, the method on the 1st floor works. Doesn’t make sense. The positioning attribute is generally only relative to the current window, and in the frame, each frame corresponds to a window.
Oh, sorry for posting without testing, just kidding = =
It seems that FRAMESET is no longer used, many browsers do not support it, it is recommended to replace it with Iframe
How many years is this There is nothing I can do about the previous project. It is being modified now, but the framework cannot be moved. I also understand the solution you mentioned, thank you!

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

HTML is suitable for beginners because it is simple and easy to learn and can quickly see results. 1) The learning curve of HTML is smooth and easy to get started. 2) Just master the basic tags to start creating web pages. 3) High flexibility and can be used in combination with CSS and JavaScript. 4) Rich learning resources and modern tools support the learning process.

HTML defines the web structure, CSS is responsible for style and layout, and JavaScript gives dynamic interaction. The three perform their duties in web development and jointly build a colorful website.

WebdevelopmentreliesonHTML,CSS,andJavaScript:1)HTMLstructurescontent,2)CSSstylesit,and3)JavaScriptaddsinteractivity,formingthebasisofmodernwebexperiences.

GiteePages static website deployment failed: 404 error troubleshooting and resolution when using Gitee...

AnexampleofastartingtaginHTMLis,whichbeginsaparagraph.StartingtagsareessentialinHTMLastheyinitiateelements,definetheirtypes,andarecrucialforstructuringwebpagesandconstructingtheDOM.

To achieve the effect of scattering and enlarging the surrounding images after clicking on the image, many web designs need to achieve an interactive effect: click on a certain image to make the surrounding...

HTML, CSS and JavaScript are the three pillars of web development. 1. HTML defines the web page structure and uses tags such as, etc. 2. CSS controls the web page style, using selectors and attributes such as color, font-size, etc. 3. JavaScript realizes dynamic effects and interaction, through event monitoring and DOM operations.

The Y-axis position adaptive algorithm for web annotation function This article will explore how to implement annotation functions similar to Word documents, especially how to deal with the interval between annotations...
