为了账号安全,请及时绑定邮箱和手机立即绑定

求解答p标签浮动

求解答p标签浮动

动感光波挡不住 2017-02-25 16:13:46
<div class="demo1">                <a href=""><img src="image/demo-1.jpg"></a></li>                <p>Fugiat nulla sint<span class="price">$30</span></p></div>.demo1{    width: 230px;    float: left;    margin-right:58px;}p{    font-size: 16px;    float: left;}.content1 .price{    display: block;    float:right;}    span标签内的价格我想让它靠图片右边,设置float对p和span怎么不行,求大神解答!谢谢
查看完整描述

2 回答

已采纳
?
错过了年华

TA贡献56条经验 获得超22个赞

<style type="text/css">
	.demo1{
    width: 230px;
    float: left;
    margin-right:58px;}
p{
    font-size: 16px;
    width: 230px;
    float: left;
     
}
.price{
    display: block;
    float:right;
}    
</style>
</head>

<body>

<div class="demo1">
                <a href=""><img src="1.jpg"></a></li>
                <p>Fugiat nulla sint<span class="price">$30</span></p>
</div>

price右浮动其实已经生效了,不过由于你p没有设置宽度所以达不到你想要的效果而已。

查看完整回答
1 反对 回复 2017-02-25
?
清书入

TA贡献5条经验 获得超4个赞

.content1 .price 的content1 是?

查看完整回答
反对 回复 2017-02-25
?
Finit

TA贡献222条经验 获得超80个赞

span标签设为left,图片right  

查看完整回答
反对 回复 2017-02-25
?
居正w

TA贡献10条经验 获得超2个赞


html吗  我都忘完了 路过。。


查看完整回答
反对 回复 2017-02-25
  • 2 回答
  • 0 关注
  • 3296 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信