When stretching the width of the browser in html, how can the width of the element remain the same without being squeezed down?

clipboard.png

clipboard.png
I have given the width of the list and login module in the middle of the three block-level elements logo, two floating on the left and one floating on the right. How can the style be overwritten instead of squeezed down when stretching the browser?

Mar.28,2021

CSS @ media consider that when the screen width makes style adjustments within a certain range


the body is the parent element, and the block element inherits the width of the parent element by default. So when the browser narrows down the width of the body, the width of the body is not enough, and the child elements will be squeezed out.

Menu