![CSS 点击按钮以后修改DIV的高度，代码怎么写？[有代码]](/aiimages/CSS+%E7%82%B9%E5%87%BB%E6%8C%89%E9%92%AE%E4%BB%A5%E5%90%8E%E4%BF%AE%E6%94%B9DIV%E7%9A%84%E9%AB%98%E5%BA%A6%EF%BC%8C%E4%BB%A3%E7%A0%81%E6%80%8E%E4%B9%88%E5%86%99%EF%BC%9F%5B%E6%9C%89%E4%BB%A3%E7%A0%81%5D.png)
把一个属性的值设置为auto，就是让各个浏览器对该属性使用各自的默认值。
定义一个方向为auto，让浏览器自动选择合适的margin（页边距）大小；
margin:0 auto可以实现水平居中，其相当于margin：0，auto，0，auto
margin:auto = margin:auto auto auto auto
margin:0 auto = margin:0 auto 0 auto
margin:n m p q表示该元素上外边bai距为n，右外边距为m，下外边距为p，左外边距为q，即 margin:上 右 下 左 ，逆时针一圈。
扩展资料：
“margin:20px”表示四个方向的外边距都是20px；
“margin:20px 40px”表示top为20px，right为40px；由于bottom和left缺省，所以自动将它们分别设为20px和40px。转化为第4种写法为：“margin:20px 40px 20px 40px”。
“margin:20px 40px 60px”表示top为20px，right为40px，bottom为60px；由于left缺省，所以自动将它设为40px。转化为第4种写法为：“margin:20px 40px 60px 40px”。
参考资料来源：百度百科-margin
css中的auto是自动适应的意思，而在css中auto往往都是默认值。\x0d\x0a\x0d\x0a正如margin:0 auto，意思就是上下边距为0，左右边距为auto，就是自动适应。\x0d\x0a但是，如果要使用他的话，就必须给标签配上指定的宽度，如下：\x0d\x0a居中\x0d\x0a\x0d\x0a.center{\x0d\x0awidth:200px\x0d\x0a\x0d\x0aheight:200px\x0d\x0a\x0d\x0amargin:0 auto\x0d\x0a\x0d\x0abackground-color:yellow\x0d\x0a\x0d\x0a}\x0d\x0a\x0d\x0a\x0d\x0a另外，margin:0 auto 和 margin: 0 auto 0 auto 的效果是相同的。\x0d\x0a都是指的上下边距为0，左右边距自动适应宽度相等。 回答于 2022-11-16一、区别
1、参数详解
margin:auto = margin:auto auto auto auto
margin:0 auto = margin:0 auto 0 auto
margin:n m p q表示该元素上外边距为n，右外边距为m，下外边距为p，左外边距为q，即 margin:上 右 下 左 ，逆时针一圈。
2、实例说明
margin后面是有4个参数的。
例如：margin:1px 2px 3px 4px，分别表示 上（1px）、右(2px)、下(3px)、左(4px)。
margin后面如果只写2个参数的。
例如：margin：1px 2px
那么这是代表 上下都为1px 左右都为2px。
扩展资料
1、margin 0px auto属性规则
margin:0px auto代表对象上下间隔为0px，左右间隔根据对象宽度自适应。
margin:0px auto简写：可以去掉0后面的px单位，一般CSS代码中如果值为0，那可以不用跟html长度单位。
margin0px auto或margin:0 auto作用：常用于让DIV布局居中,起到让布局居中作用。
2、margin:auto属性说明
margin:auto时浏览器计算外边距,当margin定义为auto时,将占用可用空间或0px 。
margin:auto时浏览器会自动分配左右边距，使元素平均分配占用父级容器的左右边距，达到元素居中的目的
3、CSS中auto元素
定义auto元素，因元素类型和上下文而异。在边距中，auto可以表示两种情况：占用可用空间或0 px。这两个将为元素定义不同的布局。
4、margin的兄弟属性padding
margin属性是外边距，而padding属性是内边距。padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。
