Jquery移动浮动：左侧问题，页眉图标阻止页面的左侧

Question

我用Jquery mobile创建了一个页眉和内容部分。在标题中，我添加了一个比标题高度大的图标（如图像）。所以问题是......以下内容应该在图标下方（从左侧开始）。为什么位置不在左侧的图标下方？图标应该从标题重叠到内容部分。

http://s1.directupload.net/file/d/3233/citi5s8r_jpg.htm“图像”

..... 
<div data-role="page"> 
    <div data-role="header"> 
    <img src="test.gif" style="float:left;" height="75px";/> 
    <h1>Testpage</h1> 
    <a href="Start.html" rel="external" class="ui-btn-right" data-role="button" data-icon="home" data-iconpos="notext">Home</a> 
    </div> 

    <div data-role="content"> 
     <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b"> 
       <li data-role="list-divider" class="middle">Topic 1</li> 
       <li> 
        <p class="middle">Mittwoch, 20.04.2013 - 15:00 Uhr</p> 

        <p class="middle" style="margin-top:5px; background-color:transparent;">Stuttgart</p> 
       </li> 
     </ul> 
    </div> 
...... 
</div> 
...... 

Answer 1

为什么难道你不只是增加一个新的div或任何以<div data-role="header">具有高度和宽度，背景图像或<img>您的重叠图标内，并设置CSS，如：

#funkyIcon { 
position:absolute; 
top:0; 
left:0; 
z-index:2; ? or two million 
} 

这应该给它