锦绣前程3future 2019-05-17 14:28 采纳率: 22.2%
浏览 2645
已采纳

求助大佬,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条回答 默认 最新

  • 听楼一夜雨 2019-05-17 14:56
    关注

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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?