max-width
来源:4-7 主要内容样式2
qq_Moriarty_1
2016-06-28
.item a {
display: block;
width: 90%;
margin: 1.5rem auto;
max-width: 12rem;
line-height: 4rem;
text-align: center;
text-decoration: none;
color: #fff;
background-color: #ff9900;
border-radius: 5px;
}在课程中“购买”这个按钮的宽度设定是max-width,这里为什么使用max-width?为什么已经有了width:90%,还要使用这个max-width?
在其他“块”的宽度中,为什么没有使用呢?
这里我不太懂,希望高手帮我解答下,谢谢。
写回答
1回答
-
姜维
2016-06-28
max-width是对最大的宽度做了一个限制,如果width:90%计算出来的宽度值大于12rem的话,就会根据max-width的限制,只显示为12rem,而不显示为更宽。
112016-07-03
相似问题