自适应绝对定位

某段文字有个配图，配图和文字段落保持在同一水平线上，但窗体的高度和宽度不固定，需要自适应。

<div id="test">
    <p>
        <img src="img1.jpg" alt="#" />
        文字文字文字...
    </p>
</div>

<style type="text/css">

/* 给容器设置相对定位 */
#test{position:relative;padding-right:100px;}

/* 给每个 img 设置相对于容器的绝对定位 */
#test img{
    position:absolute;
    right:0;
}

</style>

这样减少了选择器的渲染，只有一个父容器；另外又减少了字节，