Как заставить работать левый пример как правый только с width: auto/100% ?
.old {
float: left;
}
.new {
float: left;
margin-left: 50px;
}
.own {
position: relative;
overflow: hidden;
width: 100px;
}
.new .own {
width: 150px;
}
.in {
width: auto;
}
.new .in {
width: 300px;
}
.in div {
height: 100px;
width: 100px;
float: left;
}
.q {
background: #167e7d;
}
.w {
background: #f7853d;
}
.e {
background: #bb21e8;
}
span {
position: absolute;
}
.clear {
clear: both!important;
height: 0!important;
padding: 0!important;
margin: 0!important;
float: none!important;
}
<div class="old">
с width: auto
<div class="own">
<div class="in">
<div class="q">1</div>
<div class="w">2</div>
<div class="e"><span>3</span>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="new">
с width: 300px
<div class="own">
<div class="in">
<div class="q">1</div>
<div class="w">2</div>
<div class="e"><span>3</span>
</div>
<div class="clear"></div>
</div>
</div>
</div>