html中拉伸浏览器宽度的时候，元素怎么才会宽度不变而不会被挤下去

Question

我给三个块级元素logo，中间的列表和登陆注册模块都给定宽了，两个左浮动一个右浮动，怎么实现拉伸浏览器的时候，它的样式被覆盖掉而不是往下挤呢？

Answer 1

按你的写法body就是父元素，块元素会默认继承父元素的宽度。所以浏览器缩小body宽度就随之缩小，body宽度不够，子元素元素就会挤出去。

Answer 2

CSS @media考虑下，当屏幕宽度在一定范围内做出样式的调整