Home > Web Front-end > HTML Tutorial > After the dialog pops up, the parent page screen becomes incorrect_html/css_WEB-ITnose

After the dialog pops up, the parent page screen becomes incorrect_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:22:27
Original
1530 people have browsed it

Firefox Internet Explorer Google dialog

After the dialog pops up, the parent page screen becomes incorrect, but after closing the dialog, the parent page becomes normal. This is why, only IE has problems, Firefox and Google are normal. !

Reply to discussion (solution)

What is wrong?
It stands to reason that all pop-up boxes have position:absolute and will not affect the layout of the main page.

How is it incorrect?
It stands to reason that pop-up boxes are all in position:absolute and will not affect the layout of the main page.

The elements on the page will move slightly to the right. After closing the dialog, they will move a bit again.


What is wrong?
It stands to reason that pop-up boxes are all in position:absolute and will not affect the layout of the main page.

The elements on the page will move slightly to the right. After closing the dialog, they will move a little again.
Can you see if there is a scroll bar on the right side of the browser when the pop-up box appears?



How is it incorrect?
It stands to reason that pop-up boxes are all in position:absolute and will not affect the layout of the main page.

The elements on the page will move slightly to the right. After closing the dialog, they will move a little again.
Can you see if there is a scroll bar on the right side of the browser when the pop-up box appears?

There is no scroll bar. After I removed the css file, the input components are all normal, but there is still a problem with the table file on the page.
The format of the table file is like this
< div style="width:70%;height:auto; overflow-x:scroll; border:0px solid;">







What is wrong?
It stands to reason that all pop-up boxes have position:absolute and will not affect the layout of the main page.

The elements on the page will move slightly to the right. After closing the dialog, they will move a little again.
Can you see if there is a scroll bar on the right side of the browser when the pop-up box appears?

There is no scroll bar. After I removed the css file, the input components are all normal, but there is still a problem with the table file on the page.
The format of the table file is like this
< div style="width:70%;height:auto; overflow-x:scroll; border:0px solid;">





You can try to fix the height of the dialog itself and the elements in the dialog





How is it incorrect?
It stands to reason that pop-up boxes are all in position:absolute and will not affect the layout of the main page.

The elements on the page will move slightly to the right. After closing the dialog, they will move a little again.
Can you see if there is a scroll bar on the right side of the browser when the pop-up box appears?

There is no scroll bar. After I removed the css file, the input components are all normal, but there is still a problem with the table file on the page.
The format of the table file is like this
< div style="width:70%;height:auto; overflow-x:scroll; border:0px solid;">





You can try to fix the height of the dialog itself and the elements in the dialog

It’s all fixed!

Related labels:
source:php.cn
Previous article:My css code is as follows. Why does the read image only have one per line? Can there be three per line and the fourth line is wrapped_html/css_WEB-ITnose Next article:Help: Why can’t the second label I set with css be centered_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template