未解决的事儿
未解决的事儿
北极鳕鱼 发表于1年前
未解决的事儿
  • 发表于 1年前
  • 阅读 2
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

1.在一个div中嵌入另一个标签以后,该标签下的内容发生偏移。代码如下、

<div style="background-image: url(img/PC端-已过期.png);width: 300px;height: 107px;display: inline-block;">
                <div class="left" style="width: 230px;height: 105px;margin: 0px;">
                    <div class="left-top" style="height: 20px;text-align: center;margin-top: 0px;"><p style="font-size: 14px;color: red;"><b>新手大礼包</b></p></div>
                    <div class="left-middle" style="background-color: blue;height: 40px;">
                        <div class="left-middle-left" style="width: 100px;height: 40px;float:left;padding: 0px;float: left;text-align: center;line-height: 40px;"><p style="font-size: 30px;color: white;text-align: center;padding: 0px;margin: 0px;float: right;">2元</p></div>
                        <div class="left-middle-right" style="width: 130px;height: 40px;float: left;float: left;line-height: 18px;"><p style="float: left;padding: 0px;">满7元可用</p></div>
                    </div>
                    <div class="left-bottom" style="width: 230px;height: 20px;margin-top: 0px; background-color: red;float: left;font-size: 13px;">有效期(<p>有效期</p>)</div>
                </div>
                <!--<div class="right" style="text-align: center;float: left;width: 60px;height: 105px;padding: 0;">已经过期</div>-->
            </div>

共有 人打赏支持
粉丝 13
博文 31
码字总数 13281
×
北极鳕鱼
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: