Question

父级div定了宽度以后 子级div的宽度受到了父级div的限制 而我想要子级的div宽度随内容多少而变化

提问之前已经试了很多方法了，希望遇到过同样问题的大大给个答案，感激不尽！！！
html
<div id="父级" >
<div id="子级">
<div class="子级div内的内容"></div>
<div class="子级div内的内容"></div>
<div class="子级div内的内容"></div>
<div class="子级div内的内容"></div>
<div class="子级div内的内容"></div>
<div class="子级div内的内容"></div>
<div class="子级div内的内容"></div>
<div class="子级div内的内容"></div>
</div>
</div>

css
#父级{
width:800px;
height:200px;
overflow:hidden;
position:relative;
margin:0px auto;
margin-top:10px;
}
#子级{
height:200px;
position:reabsolute;
left:800px;
}
.子级div内的内容{
width:200px;
height:190px;
float:left;
text-align:center;
font-size:14px;
font-weight:bold;
padding-top:5px;
}

Answer 1

可以试一下用
width:auto; //可以不写
white-space: nowrap; //可以让div随内容变化，但是文本不会换行

Answer 2

div标签无法实现宽度动态。

可以配合js控制实现。

Answer 3

#父级 {
width: 800px;
height: 200px;
overflow: hidden;
margin: 0px auto;
margin-top: 10px;
}

#子级 {
height: 200px;
width: auto;
position: absolute;
}

.子级div内的内容 {
position: relative;
width: 200px;
height: 190px;
float: left;
text-align: center;
font-size: 14px;
font-weight: bold;
padding-top: 5px;

}