Home  >  Article  >  Web Front-end  >  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
WBOYOriginal
2016-06-24 12:22:271500browse

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!

Statement:
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
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-ITnoseNext 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

Related articles

See more