本文目录一览：
width和min-width、max-width的关系
这是两种样式，max-width的作用就是限制最大宽度，width大于max-width的话max-width就取代了width的值，width小鱼max-width的话，宽度就是width，max-width是限制作用。
min-width在你没有任何内容的时候，它就生效呀。max-width是在内容超过这个宽度的时候生效。
min-width与max-width后面均跟具体数字+html单位 CSS样式结构 最小宽度(min-width)与最大宽度(max-width)用于设置图片最小最大宽度限制比较多。
当你设置了页面百分比显示后，当max－width设置的值小于你的页面百分比后的值，页面的宽度就为你max-width显示的值。当你设置的百分比转换的宽度等于width宽度时，页面就显示width的值。-minwidth
min-width怎样不继承父元素的属性
重新设置一个div span{}样式就可以了。div ul li span{}里的样式不会继承前面的span样式。
首先，有些属性不能被继承。这是没有原因的，因为它是这样建立的。例如，您都知道，border属性用于设置元素的边界，因此它没有继承。
按顺序在父级样式后面建立样式覆盖。顺序是从上往下，最后的顺序，是在元素里面比如：最后的宽度是100PX，不管父级设置了多少。
如何给div设置最小宽度,如果超出宽度自适应
首先，先在代码中输入position：fixed； top： 0； left： 0；这样的作用是让整个图片固定在屏幕上。之后，再把背景图片的大小自动适应DIV大小，当图片自动适应时，既可以就进行缩放。-minwidth
直接使用min-width是不可以的，在所有的浏览器都不好用因为宽度是继承自父对象，所以要兼容所有的浏览器写法就要特别只要在父元素删商加上以下代码就可以兼容所有浏览器。
可以在每个图表的setOption后添加window.addEventListener(resize， function () {myChart.resize()；} 如果上述办法不行的话，你可以通过window.onresize = function() { ... }来进行调节。-minwidth
想让外层div自动适应内层div的高度和宽度 1）高度不需要设置，它会自适应 2）宽度可以给外层div加浮动或定位，加了之后内容有多宽，它就有多宽。或者是通过js获取内层元素的宽高然后给外层div加上即可。-minwidth
其实很简单，根本就用不上js。设置一个div的固定宽度，然后外面用另外一个div进行包容，给外层div设置一个背景图片，让背景图片进行平铺，宽度自适应，设置它的外边距自适应。
