不想看验证过程的友友们可以直接滑到最下面的总结部分
假设网页显示的div宽度是x（以下情况不包含ie6）
max-width采用嵌套样式写法的情况：
1.1、max-width < width时，x = max-width
1.2、max-width > width时，x = width
1.3、!important的width > max-width时，x = max-width
1.4、!important的width < max-width时，x = !important的width
以1.3为例：
<head>
<style>
.div1 {
width: 200px !important;
max-width: 150px;
height: 200px;
background-color: blue;
}
.div2 {
width: 200px;
height: 200px;
background-color: pink;
}
</style>
</head>
<body>
<div>
<div class="div1">
最低0.47元/天 解锁文章
221
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
