css中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;

}

效果图：

css中auto啥意思,css中auto什么意思？相关推荐

css中auto啥意思,CSS中各种auto值的作用总结
width: auto auto是width的默认值,不需专门设,它保证自身恰好充满父容器的content宽度,无论自身是否有margin/padding/border.很好用. 与width: 10 ...
【转】刨根究底CSS（2）：CSS中的各种值——初始值，就是默认值吗？
先问个非常简单的问题,这个问题的答案,相信大部分Web开发人员都自认为显而易见,但却又多半会答错:CSS属性中的初始值(initial value),就是默认值(default value)吗? 难道 ...
css中ul位置移动,css中ul怎么定位
css中ul怎么定位 css中所有的元素默认都是static定位,要改变ul的定位方式,我们只需要指定元素的css position属性即可. 关于定位的几种方式1.static定位(普通流定位) - ...
css grid随页面大小_CSS中的间距知识总结，前端开发中各种间距的使用及优缺点
本文经作者授权翻译,来源:https://ishadeed.com,作者:Ahmad Shadeed 如果两个或多个元素很接近,那么用户就会认为它们以某种方式属于彼此.当对多个设计元素进行分组时,用户 ...
php图片居中在div,css如何实现图片在div中垂直居中
本文章主要介绍css如何实现图片在div中垂直居中问题,具有一定参考价值,希望能给大家提供帮助平时我们在做页面时经常会遇到让我们把一张图片显示在div正中间但是常常不知道如何去做,今天我们来分享几种 ...
vue组件制作专题 - （mpvue专用）在mpvue中纯自己写css实现简单左右轮播
在mpvue中纯自己写css实现简单左右轮播 CSDN:jcLee95 邮箱:291148484@163.com 项目中,在src目录下的components目录下新建一个新文件并重命名为jcmv-c ...
css中文字段落对齐,CSS段落对齐方式
CSS段落对齐有两种方式:水平对齐和垂直对齐. 1.水平对齐: (1).text-align:left; //左对齐 (2).text-align:right; //右对齐 ...
dw在html中删除css样式表,DW里CSS的详细介绍
单击"确定". 类型属性 [定义 CSS 类型属性]使用"CSS 样式定义"对话框中的"类型"类别能够定义 CSS 样式的基本字体和类 ...
Web中的HTML、css、jQuery、js
<h2>欢迎来到宋老板和泡泡龙的<strong>爱七甜蜜</strong>的故事 </h2><hr color="red"/& ...
10个你未必知道的CSS技巧与14种cssdiv中基本滤镜介绍
2019独角兽企业重金招聘Python工程师标准>>> 1.CSS字体属性简写规则一般用CSS设定字体属性是这样做的: font-weight:bold; font-style:i ...

css中auto啥意思,css中auto什么意思？

css中auto啥意思,css中auto什么意思？相关推荐

最新文章

热门文章