width：100%和width：auto的区别

width属性100%和auto的区别

1.width：100%

100%表示子元素的宽度和父元素的宽度相等，其中并不包括子元素内外边距以及边框的值，为子元素真正的宽度

2.width：auto

auto表示子元素的宽度+内边距+外边距+边框才等于父元素的宽度

注意：上述父元素的宽度都是父元素真正的宽度，即父元素width属性值

当父元素width值为500px的时候（不论父元素是否有内外边距以及边框），示例如下：

width为100%的子元素：
width为auto的子元素：

width：100%和width：auto的区别相关推荐

css中width:100%与width:auto的区别
在布局中,width:100%和width:auto都会经常用到,那么,二者究竟有何区别呢?下面就来探讨下. 先上代码 <style>* {margin: 0;padding: 0;}.p ...
CSS的width:100%和width:auto区别
CSS的width:100%和width:auto区别一. 问题前段时间在调整树结构的时候,发现如果树的节点名称比较长的话在IE6下则不会撑开外面的元素,导致节点的名称只显示了一半,同时图标和 ...
前端面试题：width:100%和width:auto的区别
width属性100%和auto的区别 1.width:100% 表示子元素的宽度和父元素的宽度相等,不包括子元素设置的内外边距和边框的值,即子元素的宽度等于父元素content的宽度代码如下: & ...
【每日CSS】宽度自适应 width=100%还是width=auto？
width怎样设置宽度随着窗口大小自适应? 我一般会想到width=100% 但如果使用width=100%,当div设置了左右margin或padding值,盒子将进一步"撑大" ...
width:100%和width:inherit (实用，赞）
原文出处:https://www.cnblogs.com/ada-blog/p/7257406.html 前几天遇到过这么一个问题.我想让子盒子的宽度等于父盒子的宽度. 父盒子宽度为一个具体值比如说2 ...
今日前端小知识—— width:auto 与 width:100% 的区别
前段时间做页面的时候,发现给盒子设置 width:100% 和 auto 的效果不一样,这里来探讨一下. <style>.main {width: 300px;height: auto;p ...
html代码width什么意思,width：100% 啥意思呢，在什么情况下使用？
width:100% 啥意思呢,在什么情况下使用?很少用到这个,不怎么了解..有例子可以参考下么? 作者: kangyuan 发布时间: 2009-10-16 至少做规则覆盖的时候会用到吧作者: i ...
css属性width默认值width: auto与width: 100%区别
width: auto 子元素(包括content+padding+border+margin)撑满整个父元素的content区域. 子元素有margin.border.padding时,会减去子元素 ...
CSS | width、height中auto与100%与固定值有什么不同
由于多次在设置width及height处出错导致不显示,总结了一篇固定值与auto.100%的差别,举例对比部分有基础的同学可以略过直接看总结. 总结: (1)width.height使用固定值是一定 ...
width:100%和 max-width:100%的区别
width:100% 和 max-width:100%的区别: width: 100%(不包括margin和padding和border)是将所有指定元素的宽度拉伸或收缩到和父元素的宽度一致, 而ma ...

width：100%和width：auto的区别

width属性100%和auto的区别

1.width：100%

2.width：auto

width：100%和width：auto的区别相关推荐

最新文章

热门文章