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
- WBOYOriginal
- 2016-06-24 12:22:271527browse
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!