css里面的auto表示什么，css中的auto

css中width:auto和width:100%的区别是什么_html/css_WEB-ITnose_百度知...

1、width：auto；会将元素撑开至整个父元素width，但是会减去子节点自己的margin，padding或者border的大小。width：100%；会强制将元素变成和父元素一样的宽，并且添加额外的空间到这个元素的width上。就是因为这个，会导致很多问题。

2、auto是随内容的高度而撑开的。100%是根据父级元素的高度来决定的。

3、（2）流式布局。不使用绝对宽度布局和字体大小，也就是css中代码中，定义宽和高的时候不能使用px（width：px）只能使用百分比（width：%）或者（width：auto）定义高宽。

4、利用table特性，在width and height all set 100%的时候，可以把容器嵌套在td内形成绝对居中，此时的被嵌套容器可为绝对或者相对大小。

5、margin 这种方式只能实现固定宽度的块级元素水平居中，如果该元素没有设置宽度或者不是块级元素，则不会生效。

6、为了上面所说的四等分，那每个的宽度应该为 25vw，而我们 ul的 list--xxx就是 list--vw。

相关问答

Q1: CSS,height:auto和height:100%有什么区别?

width：auto和width：100%的区别 width：100% 并不包含margin-left margin-right的属性值，直接取其父容器的宽度加上含margin-left /margin-right的值。如果设置了margin那新的width值是容器的宽度加上margin的值。

MAX-WIDTH： 100% ！important； 最大宽度为100%；也就是说你的整个屏幕的大小或者是上一级区域的整个块儿的大小；！important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权。

新闻多的时候一页显示20行，高度要达到200px+。新闻少的时候比如只有一条新闻，如果还是自动高度就很难看了，就要定义一个最小高度比如50px。那这个时候我只要定义min-height： 50px； hight： auto； 就可以了。

例如，如果一个div元素的CSS是height： 100px；，那它应该在页面的竖向空间里占满100px的高度。 而跟W3C的规范，百分比的高度在设定时需要根据这个元素的父元素容器的高度。

当你设置一个页面元素的高度(height)为100%时，期望这样元素能撑满整个浏览器窗口的高度，但大多数情况下，这样的做法没有任何效果。

Q2: CSS中的AUTO的意思

1、按下AUTO空调开启，并且根据车内传感器来控制出风的温度，冬天热风，夏天冷风。会保持车内有较适宜的温度，如果温度过高或过低，空调也会自动改变出风口的温度及风速，调整车内温度。

2、把一个属性的值设置为auto，就是让各个浏览器对该属性使用各自的默认值。

3、自动。高度自动根据需要来限制高度，eg：{overfloat：auto}表示高度根据需要会自己增加。

4、意思不同。margin：auto=margin：auto auto auto auto，表示上下左右都为auto；margin：0 auto=margin：0 auto 0 auto，表示上下为0，左右为auto；居中方式不同。

5、margin是外边距的意思，当一个元素样式属性里有margin：0 auto时，并且父元素的宽度是确定的，意思是这个元素处于其父元素的居中位置，并且这个元素的上下外边距为0。

6、inherit是继承父类的属性，一般用于字体、颜色、背景等 auto是按情况自适应，一般用于高度、宽度、外边距和内边距等关于长度的属性 现在一般常用的属性都支持inherit，用的不多，auto自适应长度用的比较多。

Q3: CSS样式中,height:auto和height:100%有什么区别?

width：100% 当width设置为100%之后，它的宽度就是父级的width，并且随着父级的width自动变化，增加子元素的padding和margin之后，它的width还是不变的，这是与设置为auto的区别。

而不是100%。解决方法：只要为html和body设置高度为100%就可以了html，body{height：100%；}这样之后div会按比例来继承上一级的高度了.仅仅设置的DIV元素的height属性貌似没有什么效果。

新闻多的时候一页显示20行，高度要达到200px+。新闻少的时候比如只有一条新闻，如果还是自动高度就很难看了，就要定义一个最小高度比如50px。那这个时候我只要定义min-height： 50px； hight： auto； 就可以了。

MAX-WIDTH： 100% ！important； 最大宽度为100%；也就是说你的整个屏幕的大小或者是上一级区域的整个块儿的大小；！important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权。

height：100px； line-height：20px； padding：0 表示具有这个样式的元素的高度为100像素，里面的文字行高为20像素（换句话说就是可以排5行文字），内边距为0（如果不为0则元素的高度会被撑大）。

Q4: css中margin和padding设置成auto是自适应什么?

1、把一个属性的值设置为auto，就是让各个浏览器对该属性使用各自的默认值。

2、auto的意思是页面左右空白自适应并且相等的意思。

3、而你所说的margin：auto； ， 就表示上下左右都自动适应。纯手打，望采纳。

4、自适应指的就是指其宽度可以根据浏器窗口的大小自动改变其宽度（随浏览器宽度的改变而改变），而不会被浏览器遮住。

Q5: CSS中的AUTO怎么理解

1、margin是外边距的意思，当一个元素样式属性里有margin：0 auto时，并且父元素的宽度是确定的，意思是这个元素处于其父元素的居中位置，并且这个元素的上下外边距为0。margin还有其他配置类型：margin-bottom：设置元素的下外边距。

2、按下AUTO空调开启，并且根据车内传感器来控制出风的温度，冬天热风，夏天冷风。会保持车内有较适宜的温度，如果温度过高或过低，空调也会自动改变出风口的温度及风速，调整车内温度。

3、width：auto 块级元素默认的宽度值，意味着浏览器会自己选择一个合适的宽度值。

关于css里面的auto表示什么和css中的auto的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。