css有问题的div位置和覆盖

Question

我需要对此内页进行编码： http://www.moonbingo.com/skin/promotions/2011/fairy-party.php

现在我只是将其作为图片发布。

我尝试使用div，但是我遇到了侧面气球的问题

我添加了我剪切的图像和代码。

问题是XXX div中的文本应该扩展它包含div的长度， 而且我想把它放在一些像素abov＆＃39;所以它可以从当前的地方开始......

 <div>
        <div style="background-image: url('fairy-party-top.png'); width: 678px; height: 141px;"></div>



            <div style="background-image: url('fairy-party-body-top.png'); width: 677px; height: 45px;"></div>
            <div style="background-image: url('fairy-party-body-middle.png'); width: 650px; height: 100px; background-repeat: repeat-y;">
                <p style="display: inline-block; padding-top: 10px;">sdasdasasd</p>
            </div>




        <div style="background-image: url('fairy-party-body-bottom.png'); width: 667px; height: 225px;"></div>
    </div>

Answer 1

尝试使用position:absolute作为带文字的div。