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

求助大佬,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
    关注

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

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

报告相同问题?

悬赏问题

  • ¥15 wamp3.3.5安装完成后图标正常显示绿色,鼠标左右键点击图标均无反应。求解决方法。
  • ¥15 鼠标点击的这条记录了什么?
  • ¥15 在写pid调速的程序时,电机始终维持最大速度
  • ¥15 请问如何查看手机root记录?
  • ¥15 商城小程序订单号重复
  • ¥15 学校优化算法sbo和蚁群算法怎么结合
  • ¥21 matlab怎么求时域信号的二阶导数
  • ¥15 判断两个表是否完全相同
  • ¥15 java map类型数据格式,如何快速通过前缀匹配元素
  • ¥15 stc12c5a60s2、QMC5883L、LCD1602组合测量磁场所需程序