web 页面 设置最小高度/宽度（笔记）

在写页面的时候经常会碰到缩放内容重叠的问题，特别是使用各种定位的时候，这时候就需要一些方法让页面如何缩放都不会使内容叠加。

常用的地方一般是页面顶部的导航栏，使用左右浮动之后页面放大会使两侧内容叠加，影响美观和用户体验。

这个时候就需要设置最小宽度来解决问题。

页面的最小宽度要大于内容的宽度，这样即使页面被放大到一定的程度内容也不会叠加而是会被撑开，解决问题的方法很简单，使用 min-width 即可。

同样，缩放后上下也可能出现重叠，特别是底部的网页信息。使用绝对定位的时候。我们可以使用min-height来设置最小高度，从未使得底部被缩放后不会重叠，但是要注意，在此之前需要给整个HTML设置高度。
代码如下

html,body{
    
    
	height: 100%;
}
body {
    
    
    min-height: 512px;
    min-width: 1000px;
}