元素自适应内容宽度

需求： 要求元素的宽度能够自适应内容的宽度针对的是非内联元素，内联元素会自动的实现对内容宽度的自适应

<div class="parent">
<div class="children">这里是子元素，我的字数不是固定的哦~</div>
</div>

对于这种我们给父元素设置一个宽度，如果子元素不加设置的话，会发现其实子元素是

默认占据了父元素的全部的，不是我们想要的效果

解决方案： 在子元素中设置：
display:inline-block;
*display:inline;
*zoom:1;

后两个css hack 是针对ie 6 7 的