html auto自动,css中auto什么意思？

auto是自适应的意思，auto是很多尺寸值的默认值，也就是由浏览器自动计算。块级元素中margin、border、padding以及content宽度之和构成父元素width。使用auto属性后，父元素宽度发生变化，该元素的宽度也会随之变化。

css中的auto是自动适应的意思，而在css中auto往往都是默认值。

下图中auto的值就是margin、border、padding以及content宽度之和：

但是当该元素被设为浮动时，该元素的width就变成了内容的宽度了，由内容撑开，也就是所谓的有了包裹性。

overflow | position:absolute | float:left/right都可以产生包裹性，替换元素也同样具有包裹性。

*|position:relavtive|相对定位占原来的位置，不能实现模式的转化，即不具有包裹性。

所以在具有包裹性的元素上不可以利用width : auto；来让元素宽度自适应浏览器宽。如下图所示

示例：

HTML代码：

css代码：#inner {

margin: auto;

width: 250px;

height: 125px;

background-image: linear-gradient(45deg, #84ECEF 10%, #F8F62F 60%, #FDC018);

}

#outer {

height: 500px;

width: 500px;

background: #1F1D20;

background-image: linear-gradient(#757575 1px, transparent 1px),

linear-gradient(90deg, #757575 1px, transparent 1px);

background-size: 25px 25px;

}

效果图：

html auto自动,css中auto什么意思？相关推荐

css中auto啥意思,css中auto什么意思？
auto是自适应的意思,auto是很多尺寸值的默认值,也就是由浏览器自动计算.块级元素中margin.border.padding以及content宽度之和构成父元素width.使用auto属性后,父 ...
css中auto啥意思,CSS中各种auto值的作用总结
width: auto auto是width的默认值,不需专门设,它保证自身恰好充满父容器的content宽度,无论自身是否有margin/padding/border.很好用. 与width: 10 ...
css中auto的用法
-什么是auto? +auto是自适应的意思,auto是很多尺寸值的默认值,也就是由浏览器自动计算. +块级元素中margin.border.padding以及content宽度之和构成父元素widt ...
css中auto属性值的使用
理解前须知: width/ height的默认值为auto margin的默认为0 padding的默认为0 left right top bottom 默认值为auto border 不写属性的情况 ...
css中的auto属性
css中auto的用法 -什么是auto? +auto是自适应的意思,auto是很多尺寸值的默认值,也就是由浏览器自动计算. +块级元素中margin.border.padding以及content宽 ...
css中margin:0 auto没作用
很多初学制作网页的朋友,可能会遇到的一个常见问题,就是在CSS中加了margin:0 auto;却没有效果,不能居中的问题!margin:0 auto;的意思就是:上下边界为0,左右根据宽度自适应!其 ...
css margin属性 auto,css中margin:auto属性的使用方法
css中margin:auto属性的使用方法发布时间:2020-06-25 10:53:17 来源:亿速云阅读:221 作者:Leah 今天就跟大家聊聊有关css中margin:auto属性的使用 ...
C++中 auto自动变量，命名空间，using作用以及作用域
1.auto关键字的用途 A:自动变量,可以自动获取类型,输出,类似泛型 B:自动变量,可以实现自动循环一维数组 C:自动循环的时候,对应的必须是常量 2.auto自动变量,自动匹配类型的案例如 ...
reference to ‘count’ is ambiguous报错解决以及C++11中auto自动变量
记录一下排坑过程(C++报错 reference to 'count' is ambiguous): 涉及到#命名空间的知识点,以及一些C++11新标准(auto)的记录,只想解决同类问题的小伙伴可以 ...

html auto自动,css中auto什么意思？

html auto自动,css中auto什么意思？相关推荐

最新文章

热门文章