- How do I make the page layout stay the same after minimized?
- What is the difference between the standard and alternative box model?
- What is the difference between relative positioning and absolute positioning in HTML?
- What is fixed positioning?
How do I make the page layout stay the same after minimized?
If they should remain the same width no matter the users' viewport size, set a min-width on your body tag in CSS. The user will have a horizontal scrollbar in this case, if their viewport is too narrow (like on a mobile device, for example).
What is the difference between the standard and alternative box model?
If you are using the standard box model, the size of the border is added to the width and height of the content box. If you are using the alternative box model then the size of the border makes the content box smaller as it takes up some of that available width and height of the element box.
What is the difference between relative positioning and absolute positioning in HTML?
position: relative places an element relative to its current position without changing the layout around it, whereas position: absolute places an element relative to its parent's position and changing the layout around it.
What is fixed positioning?
Fixed positioning is really just a specialized form of absolute positioning; elements with fixed positioning are fixed relative to the viewport/browser window rather than the containing element; even if the page is scrolled, they stay in exactly the same position inside the browser window.