css设置表格滚动条html图⽚根据窗⼝变动,CSS+div随浏览器窗⼝变化的设置设计页⾯主页，顶端摆放菜单，且菜单⽤float⾃左⾄右设置了三个div：logo、nav、account。在浏览器缩⼩时，出现了很多问题，依次解决如下。
1、现象：窗⼝缩⼩，菜单内容完全错乱。
解决办法：为三个内层浮动的div设置宽度。⽐如中间的菜单不设置宽度，浏览器缩⼩后左侧account就会与nav重叠。
2、现象：窗⼝缩⼩，菜单⼦项换⾏显⽰。
解决办法：因设置了float，在菜单没有具体宽度的限制时，菜单内的float浮动⼦div就会⾃动挤到下⼀⾏显⽰。此时，应为菜单设置最⼩宽度，⽐如min-width:1580px，这样在窗⼝缩⼩的最⼩宽度后，菜单内的⼦div将不会被挤到下⼀⾏，⽽是需要由滚动条显⽰。
3、现象：窗⼝缩⼩，菜单⼦nav被⾃动换⾏
解决办法：在给菜单设置了min-width的同时，要给nav设置⼀个具体的宽度⽐如width:800px，这样nav有了具体的⼤⼩，就不会再在窗⼝缩⼩时被挤到下⼀⾏。
4、现象：窗⼝缩⼩，菜单随之缩⼩，但⽔平滚动条向右侧拉会出现空⽩。
解决办法：浏览器对宽度的解释出现问题。⽐如最外层div设置width:100%，菜单div的min-width:1580px，浏览器⽆法正确解释。因此也要为最外层div再设置min-width和min-height，且头部元素的宽度不能⼩于内容层的宽度即可。当浏览器窗⼝缩⼩时，保持页⾯容器和头部元素的最⼩宽度为内容层的宽度。⽐如最外层min-width:1580px，nav的min-width:1480px。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。