info_china
锦绣前程3future
采纳率92.3%
2019-05-17 14:28

求助大佬,html怎么让两个图片在一行中并且绝对定位:

已采纳

在电脑中看是这个效果(在一行):图片说明

在电脑中缩放或者在手机中,第二个图片就浮动下来了:图片说明

<div id="header">
    <div class="info" style="width: 60%;height:100px;margin:0 auto">
    <a href="#"><img src="../0.png" style="float:left;"></a>
    <a href="#" target="_blank"><img src="../1.png" style="float:right;"></a><a>
    </a></div><a>
</a></div>
#header{background-color:#d8d8d8;
     margin-top:10px;
     height:100px;
     border:15px solid #d8d8d8;
     text-align: center;
     line-height:100px;
}
#header img{
max-height:100px;
}

总结的说就是:两个文件在一个div中,一个左浮,一个右浮动;;但是一缩放,右浮的就掉下来了!

求助大佬!

难道要在这个div中再套2个div,然后中间在放图片吗!

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

1条回答

  • qq_35235940 听楼一夜雨 2年前

    因为你的图片没有宽度,默认就是图片大小,缩放后的屏幕尺寸减去第一个的后,不够就挤下来了

    点赞 评论 复制链接分享