麻烦大虾们帮我看下这个效果为什么会这样

moluo 2013-10-26 11:16:40



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>tips 信息提示</title>

<link rel="stylesheet" href="http://www.ostools.net/uploads/jquery/tooltips/poshytip/tip-yellow/tip-yellow.css">

</head>



<body style="height:2000px;">



<style>

    body{font-size: 12px;font-family: Microsoft YaHei, 微软雅黑, Verdana, sans-serif, 宋体;line-height: 18px;}

	*{

		margin:0;

		padding:0;

		}

	li{

		list-style:none;

		}

    .section{position:relative;width:90%;float:left;border-bottom:1px dashed #e6ebef;padding:5px;margin-bottom:10px;}

    .section .tooltip{padding-left:50px;margin:300px;}

    .title{font-size:16px;}

    .tip-darkgray .tip-inner{color:#fff;}

    .tip-darkgray .tip-inner img{height:90px;width:90px;margin:5px;}

    .tip-skyblue .tip-inner{color:#4682B4;}

	.x_dcon{

	width:350px;

	float:left;

	margin-left:18px;

	margin-top:10px;

	display:inline;

	}

.x_dcon .dc_img{

	width:80px;

	height:56px;

	float:left;

	}

.x_dcon .dc_zi{

	width:260px;

	float:right;

	}

.x_dcon .dc_zi li{

	width:260px;

	float:left;

	color:#7D7D7D;

	}

.x_dcon .dc_zi li a{

	color:#313131;

	}

</style>

<script type="text/javascript" src="http://www.ostools.net/js/jquery/jquery-1.7.2.js"></script>

<script type="text/javascript" src="http://www.ostools.net/uploads/jquery/tooltips/poshytip/jquery.poshytip.min.js"></script>

<script type="text/javascript">

    $(document).ready(function(){

        $('#demo-async-timeout').poshytip({

            content: function(updateCallback) {

                window.setTimeout(function() {

                    updateCallback('<div class="x_dcon"><div class="dc_img"><a><img width="80" height="56" src="http://www.dzq.com/uploads/coupon/27_1382517659.jpg" /></a></div><div class="dc_zi"><ul><li><a href="">肯德基</a></li><li>地址：龙海风情嘉禾路25号新景中心C栋22楼</li><li>电话：0592-2111452  0592-5864852</li></ul></div></div>');

                }, 1000);

                return 'Loading...';

            }

        });

    });

</script>



<div class="section">

    <div class="tooltip"><a href="#" id="demo-async-timeout">延时一秒后加载tooltip内容</a></div>

    

</div>

</body>

</html>

当我只放入 文字的时候没有问题  但是当放入div的时候就出现问题了