对以下结构：
<div class="fl">
<img src="https://img.haomeiwen.com/i1487291/3ed84327037e3d2a.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/480/q/100" alt="">
</div>
<div class="nor">123</div>
设置样式：
.fl {
float: left;
height: 20px;
width: 10px;
padding: 10px 10px;
margin: 10px 10px;
}
其中，fl的div未设置宽度，此时会发现nor的div的宽度占满一行，就像fl的div不占有宽度一样，即使其已经设置了内、外边距，横向边距也不会影响到第二个div占满一行。
但是只要给第一个div手动设置了width，其宽度和边距就会生效，并影响到第二个div的显示。
对以下结构： 设置样式： 其中，fl的div未设置宽度，此时会发现nor的div的宽度占满一行，就像fl的div不...
1、往左浮动，给每个元素宽度设置为33.3%，每个元素往左浮动2、父元素设置弹性盒子，子元素3个都是flex:13...
左盒子左浮动, 右盒子margin-left=左盒子宽度 左盒子左浮动, 右盒子右浮动, 设置calc(100vw...
宽度占满问题 内容区域设置父元素宽度100%出现内容遮挡和超出问题，导致显示不完全 第一种解决方式 - 将父盒子宽...
左边元素浮动,右边元素不浮动，则可以呈现右边元素的宽度为总宽度-(左边元素的宽度+边距)的效果,可以相对父元素垂直...
flex子元素宽度或高度如果超过父级盒子宽度，子元素主轴方向的宽或高会被收缩会父级盒子中，不会超出父级盒子。 fl...
block:默认宽度为父元素宽度，可以设置宽高，换行显示 inline: 默认宽度为内容宽度，不可设置宽高，同行显示。
Display属性 block默认宽度为父元素宽度可设置宽高换行显示 inline默认宽度为内容宽度不可设置宽高同...
官方文档显示width没有继承属性, 既然这样，那为什么父块元素设置宽度，子块元素没设置宽度时，子元素的宽度等于父...
1.浮动元素有什么特征？对父容器、其他浮动元素、普通元素、文字分别有什么影响? 浮动元素默认宽度为内容宽度，脱离文...
本文标题：img父盒子未设置宽度，浮动后不占宽度
本文链接：https://www.haomeiwen.com/subject/goirettx.html
网友评论