帮忙看看这个放在手机版网站的代码
<div id="head">
<h2>{$title}</h2>
<p id="p1">浏览量:<span>{$hits}</span></p>
<p id="p2">{$editdate}</p>
</div>
调用如下的css,我想把p2里换成百度的分享代码,如下 <div class="bdsharebuttonbox"><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_more" data-cmd="more"></a></div>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{},"image":{"viewList":["weixin","qzone","tsina"],"viewText":"","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["weixin","qzone","tsina"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
现在问题是,放上去之后分享代码就错位,不知道问题出在哪里
#head{
width:100%;
float:left;
border-bottom:2px #000 solid;
padding-bottom:10px
}
#head h2{
width:80%;
float:left;
margin:8% 10% 0% 10%;
font-size:22px;
font-family:微软雅黑;
color:#000;
text-align:center;
line-height:30px
}
#p1{
width:30%;
height:24px;
line-height:24px;
float:left;
font-family:微软雅黑;
font-size:14px;
text-align:center;
color:#555;
margin:5px 5%;
border-radius:4px;
}
#p2{
width:40%;
height:24px;
line-height:24px;
float:left;
font-family:微软雅黑;
font-size:14px;
text-align:center;
color:#555;
margin:5px 5%;
border-radius:4px
}