之前一直也都不太明白他们之间的应用，感觉他们之间的算是没有区别的（怎么可能！！！总不会无端端多一个属性吧），看了几次的概念也不知道他们的应用究竟在哪里，今天终于知道他们的区别了，动手试试看！！！
width：表示的是元素的宽度，宽度已经被限定住了，就像是被框住了
max-width：表示的是最大的元素的宽度，也就是说元素可以在0-max-width之间，可以有弹性的。
接下来我们举个例子：原图片的宽度为1027px，设定图片最大的宽度为500px,看看出来的效果是图片撑破其父元素，还是宽度大小刚好是500px呢？我们设定装载这图片的容器的宽度为500px,一起看看有什么效果：
无标题文档
运行结果截图：
可以看到图片的宽度与容器的宽度一样的，本来原图的宽度是1027px,但是对图片设置了最大宽度之后，图片的宽度如果超过了500px，那么该图片的呈现出来的宽度就会是500px。那么如果我设置图片的最大宽度是2000px的话，图片的宽度不会是2000px,它只会维持自己的原来的宽度，因为1027px是小于2000px的。
在Android的布局文件中，设置某一个view的最大宽和最大高，比如ImageView，如果仅仅这么做： android:maxHeight="25dip"
我们平常在使用的时候width为auto与100%好像没有什么区别，但这里有一点点问题 因为盒模型的box-sizing默认为content-box，而导致了当width为
请先 [ 下载demo事例][_demo] 下载后，请依次点击div，仔细观看弹出框里面的内容，仔细比较一下，你就能看到区别。 不愿意下载的童鞋也可以自己复制啊！![微笑]
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>offsetWi
之前一直也都不太明白他们之间的应用，感觉他们之间的算是没有区别的（怎么可能！！！总不会无端端多一个属性吧），看了几次的概念也不知道他们的应用究竟在哪里，今天终于知道他们
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti
作为一个初学者，经常会遇到在获取某一元素的宽度（高度、top值...）时，到底是用 style.width还是offsetWidth的疑惑。 1. 当样式写在行内的时候，如
优秀解说：【转发自博客园】[width为auto或者100%的区别][width_auto_100] [width_auto_100]: https://www.cnblo
scrollWidth：对象的实际内容的宽度，不包边线宽度，会随对象中内容超过可视区后而变大。 clientWidth：对象内容的可视区的宽度，不包滚动条等边线，会随对象显
属性`width` `height` 定义：在页面加载时为图像预留空间，以免图片加载时，页面布局会发生变化。 属性值：`pixels`(以像素为单位的高度或宽度值)
素颜马尾好姑娘i
柔情只为你懂
红太狼
灰太狼
系统管理员
还没有评论，来说两句吧...