max-width

定义

max-width 定义元素的最大宽度。

注意：该属性值会对元素的宽度设置一个最高限制。因此，元素可以比指定值窄，但不能比其宽。不允许指定负值。max-width属性不包括填充，边框，或页边距

语法

max-width:none|length|%|inherit;

属性值

值	说明
none	默认。定义对元素被允许的最大宽度没有限制。
length	定义元素的最大宽度值。
%	定义基于包含它的块级对象的百分比最大宽度。
inherit	规定应该从父元素继承 max-width 属性的值。

实例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>NTHOME-零基础入门学习Web（HTML5+CSS3）</title>
    <style>
        p
        {
            max-width:66px;
            background-color:green;
        }
    </style>
</head>
<body>
   <p>这一段的最大宽设置为66 px。Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus amet aperiam assumenda </p>
</body>
</html>

这一段的最大宽设置为66 px。Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus amet aperiam assumenda

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

Safari	Chrome	FireFox	IE
1.0	1.0	1.0	7.0